@charset "UTF-8";

@font-face {

  font-family: 'thyFont7';

  src: url("../fonts/UUSUKKufi1B.ttf"); }

@font-face {

  font-family: 'thyFont1';

  src: url("../fonts/MBaskerville.otf"); }

@font-face {

  font-family: 'thyFont2';

  src: url("../fonts/BEBAS.ttf"); }

@font-face {

  font-family:'thyFont3';

  src:url(../fonts/Questrial-Regular.ttf);  }

@font-face {

  font-family:'thyFont4';

  src:url(../fonts/atartida-black.woff.ttf);

}

@font-face {

  font-family: 'thyFont5';

  src: url("../fonts/avalon-demi.otf"); }

@font-face {

  font-family: 'thyFont6';

  src: url("../fonts/SOURCEHANSANSCN-EXTRALIGHT.OTF"); }

main {

  max-width: 1400px;

  margin: 0 auto;

  display: block;

  *zoom: 1; }

  main:before, main:after {

    content: " ";

    display: table; }

  main:after {

    clear: both; }

  

html {

  background: #fff;

  overflow-x: hidden;

  width: 100%; }



a{

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

}



*{

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



/*样式重置*/

html {

  line-height: 1.15;

  -webkit-text-size-adjust: 100%; }



body {

  margin: 0; }



h1 {

  font-size: 2em;

  margin: .67em 0; }



hr {

  box-sizing: content-box;

  height: 0;

  overflow: visible; }



pre {

  font-family: monospace,monospace;

  font-size: 1em; }



a {

  background-color: transparent; }



abbr[title] {

  border-bottom: none;

  text-decoration: underline;

  text-decoration: underline dotted; }



b, strong {

  font-weight: bolder; }



code, kbd, samp {

  font-family: monospace,monospace;

  font-size: 1em; }



small {

  font-size: 80%; }



sub, sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline; }



sub {

  bottom: -.25em; }



sup {

  top: -.5em; }



img {

  border-style: none; }



button, input, optgroup, select, textarea {

  font-family: inherit;

  font-size: 100%;

  line-height: 1.15;

  margin: 0; }



button, input {

  overflow: visible; }



button, select {

  text-transform: none; }



[type=button], [type=reset], [type=submit], button {

  -webkit-appearance: button; }



[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {

  border-style: none;

  padding: 0; }



[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {

  outline: 1px dotted ButtonText; }



fieldset {

  padding: .35em .75em .625em; }



legend {

  box-sizing: border-box;

  color: inherit;

  display: table;

  max-width: 100%;

  padding: 0;

  white-space: normal; }



progress {

  vertical-align: baseline; }



textarea {

  overflow: auto; }



[type=checkbox], [type=radio] {

  box-sizing: border-box;

  padding: 0; }



[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {

  height: auto; }



[type=search] {

  -webkit-appearance: textfield;

  outline-offset: -2px; }



[type=search]::-webkit-search-decoration {

  -webkit-appearance: none; }



::-webkit-file-upload-button {

  -webkit-appearance: button;

  font: inherit; }



details {

  display: block; }



summary {

  display: list-item; }



template {

  display: none; }



[hidden] {

  display: none; }



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video {

  margin: 0;

  padding: 0; }



fieldset, img {

  border: 0; }



address, caption, cite, code, dfn, em, th, var, optgroup {

  font-style: normal;

  font-weight: normal; }



ins {

  text-decoration: none; }



li {

  list-style: none; }



table {

  font-size: inherit;

  font: 100%;

  border-collapse: collapse;

  border-spacing: 0; }



caption, th {

  text-align: left; }



h1, h2, h3, h4, h5, h6 {

  font-size: 100%; }



q:before, q:after {

  content: ''; }



abbr, acronym {

  border: 0;

  font-variant: normal; }



legend {

  color: #000; }



input, button, textarea, select, optgroup, option {

  font-family: inherit;

  font-size: inherit;

  font-style: inherit;

  font-weight: inherit; }



input, button, textarea, select {

  border: 0;

  padding: 0;

  margin: 0;

  *font-size: 100%;

  line-height: 1.2; }



a img, img {

  -ms-interpolation-mode: bicubic; }



sub, sup {

  vertical-align: baseline; }



article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote {

  display: block; }



pre {

  white-space: pre-wrap; }



textarea {

  resize: none;

  overflow: auto; }



input[type=text]:focus, input[type=password]:focus, textarea:focus {

  outline: 0; }



button, input {

  outline: 0; }



input[type=password]::-ms-reveal {

  display: none; }



input::-ms-clear {

  display: none; }



input:-ms-input-placeholder {

  color: #999; }



/*样式重置*/

/*a:active {

  color: #292b2c; }



a:visited {

  color: #292b2c; }*/



.wrapper {

  display: block;

  margin: 0 auto;

  width: 1400px;

}



/*动画区域*/

@-webkit-keyframes imgScale {

  from {

    transform: scale(1);

    -ms-transform: scale(1);

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

    -o-transform: scale(1); }

  to {

    transform: scale(1.05);

    -ms-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -o-transform: scale(1.05); } }

@keyframes imgScale {

  from {

    transform: scale(1);

    -ms-transform: scale(1);

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

    -o-transform: scale(1); }

  to {

    transform: scale(1.05);

    -ms-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -o-transform: scale(1.05); } }

@-webkit-keyframes tadass {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); }

  10%,

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }

  40%,

  60%,

  80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }

  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); } }

@keyframes tadass {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); }

  10%,

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }

  40%,

  60%,

  80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }

  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); } }





.clear::after {

  display: block;

  content: '';

  clear: both;

}





/*类名*/

.needDot .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  position: relative;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  /* Firefox */

  -webkit-box-sizing: border-box;

  /* Safari*/

  background: rgba(0, 0, 0, 0.4);

  opacity: 1;

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  /* Firefox 4 */

  -webkit-transition-timing-function: ease;

  /* Safari 和 Chrome */

  -o-transition-timing-function: ease;

  /* Opera */

  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); }

  .needDot .swiper-pagination .swiper-pagination-bullet:hover:after {

    transform: scale(2);

    -ms-transform: scale(2);

    -moz-transform: scale(2);

    -webkit-transform: scale(2);

    -o-transform: scale(2); }

  .needDot .swiper-pagination .swiper-pagination-bullet:after {

    content: '';

    width: 4px;

    height: 4px;

    background: #fff;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    border-radius: 50%;

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    /* Firefox 4 */

    -webkit-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -o-transition-timing-function: ease;

    /* Opera */ }

.needDot .swiper-pagination .swiper-pagination-bullet-active {

  border: 2px solid #fff; }

  .needDot .swiper-pagination .swiper-pagination-bullet-active:after {

    width: 0;

    height: 0;

    transform: scale(0);

    -ms-transform: scale(0);

    -moz-transform: scale(0);

    -webkit-transform: scale(0);

    -o-transform: scale(0); }



.needDotSmall .swiper-pagination .swiper-pagination-bullet {

  width: 9px;

  height: 9px;

  position: relative;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  /* Firefox */

  -webkit-box-sizing: border-box;

  /* Safari*/

  background: rgba(0, 0, 0, 0.4);

  opacity: 1;

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  /* Firefox 4 */

  -webkit-transition-timing-function: ease;

  /* Safari 和 Chrome */

  -o-transition-timing-function: ease;

  /* Opera */ }

  .needDotSmall .swiper-pagination .swiper-pagination-bullet:hover:after {

    transform: scale(2);

    -ms-transform: scale(2);

    -moz-transform: scale(2);

    -webkit-transform: scale(2);

    -o-transform: scale(2); }

  .needDotSmall .swiper-pagination .swiper-pagination-bullet:after {

    content: '';

    width: 5px;

    height: 5px;

    background: #fff;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    border-radius: 50%;

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    /* Firefox 4 */

    -webkit-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -o-transition-timing-function: ease;

    /* Opera */ }

.needDotSmall .swiper-pagination .swiper-pagination-bullet-active {

  border: 1px solid #fff; }

  .needDotSmall .swiper-pagination .swiper-pagination-bullet-active:after {

    width: 0;

    height: 0;

    transform: scale(0);

    -ms-transform: scale(0);

    -moz-transform: scale(0);

    -webkit-transform: scale(0);

    -o-transform: scale(0); }



.main_page {

  position: relative;

  z-index: 20;

  background: #fff;

  width: 100%;

  height: auto; }



.needCover {

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: center;

  object-position: center;

  width: 100%;

  height: 100%; }



.needContain {

  -o-object-fit: contain;

  object-fit: contain;

  -o-object-position: center;

  object-position: center;

  width: 100%;

  height: 100%; }



.needImgScale {

  animation: imgScale 5s ease-in-out infinite alternate;

  -webkit-animation: imgScale 5s ease-in-out infinite alternate; }



.needTada {

  animation: tadass 1s linear infinite;

  -webkit-animation: tadass 1s linear infinite; }



.needMarquee {

  white-space: nowrap; }



.needSwiperButton .swiper-button-prev:hover {

  transform: translateX(-5px);

  -ms-transform: translateX(-5px);

  -moz-transform: translateX(-5px);

  -webkit-transform: translateX(-5px);

  -o-transform: translateX(-5px); }

.needSwiperButton .swiper-button-next:hover {

  transform: translateX(5px);

  -ms-transform: translateX(5px);

  -moz-transform: translateX(5px);

  -webkit-transform: translateX(5px);

  -o-transform: translateX(5px); }

.needSwiperButton .swiper-button-disabled {

  pointer-events: auto !important; }

.needSwiperButton .swiper-button-white {

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  /* Firefox 4 */

  -webkit-transition-timing-function: ease;

  /* Safari 和 Chrome */

  -o-transition-timing-function: ease;

  /* Opera */

  border-radius: 3px;

  background-color: rgba(0, 0, 0, 0.5);

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);

  background-size: 15px 25px; }



.needScroll {

  overflow: hidden;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch; }



.needScroll::-webkit-scrollbar {

  width: 8px;

  height: 8px; }



/*正常情况下滑块的样式*/

.needScroll::-webkit-scrollbar-thumb {

  background-color: rgba(0, 0, 0, 0.5);

  border-radius: 10px;

  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1); }



/*鼠标悬浮在该类指向的控件上时滑块的样式*/

.needScroll:hover::-webkit-scrollbar-thumb {

  background-color: rgba(0, 0, 0, 0.4);

  border-radius: 10px;

  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1); }



/*鼠标悬浮在滑块上时滑块的样式*/

.needScroll::-webkit-scrollbar-thumb:hover {

  background-color: rgba(0, 0, 0, 0.4);

  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1); }



/*正常时候的主干部分*/

.needScroll::-webkit-scrollbar-track {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);

  background-color: white; }



/*鼠标悬浮在滚动条上的主干部分*/

.needScroll::-webkit-scrollbar-track:hover {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);

  background-color: rgba(0, 0, 0, 0.01); }



.needScrollSmall {

  overflow: hidden;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch; }



.needScrollSmall::-webkit-scrollbar {

  width: 4px;

  height: 4px; }



/*正常情况下滑块的样式*/

.needScrollSmall::-webkit-scrollbar-thumb {

  background-color: rgba(0, 0, 0, 0.5);

  border-radius: 10px;

  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1); }



/*鼠标悬浮在该类指向的控件上时滑块的样式*/

.needScrollSmall:hover::-webkit-scrollbar-thumb {

  background-color: rgba(0, 0, 0, 0.4);

  border-radius: 10px;

  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1); }



/*鼠标悬浮在滑块上时滑块的样式*/

.needScrollSmall::-webkit-scrollbar-thumb:hover {

  background-color: rgba(0, 0, 0, 0.4);

  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1); }



/*正常时候的主干部分*/

.needScrollSmall::-webkit-scrollbar-track {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);

  background-color: white; }



/*鼠标悬浮在滚动条上的主干部分*/

.needScrollSmall::-webkit-scrollbar-track:hover {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);

  background-color: rgba(0, 0, 0, 0.01); }



.layuiLayer {

  background: none !important; }

  .layuiLayer .layui-layer-title {

    height: 30px;

    line-height: 30px;

    background: rgba(0, 0, 0, 0.7);

    color: #fff;

    border-bottom: none; }

  .layuiLayer .layui-layer-setwin {

    top: 7px; }

    .layuiLayer .layui-layer-setwin .layui-layer-close1 {

      background-color: #fff;

      background-position: 2px -39px;

      border-radius: 3px; }



.float_nav {

  position: fixed;

  right: 0;

  bottom: 80px;

  width: 42px;

  height: auto;

  z-index: 999; }

  .float_nav a {

    display: block;

    width: 40px;

    border: 1px solid rgba(0, 0, 0, 0.1);

    text-align: center;

    line-height: 40px;

    background: #fff;

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    /* Firefox 4 */

    -webkit-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -o-transition-timing-function: ease;

    /* Opera */ }

    .float_nav a:last-child {

      opacity: 0; }

    .float_nav a:hover {

      background: #292b2c; }

      .float_nav a:hover i {

        color: #fff; }

    .float_nav a i {

      color: #999;

      font-size: 20px; }



.float_nav_on {

  transform: translateX(100px);

  -ms-transform: translateX(100px);

  -moz-transform: translateX(100px);

  -webkit-transform: translateX(100px);

  -o-transform: translateX(100px); }



.float_contact_on {

  right: 0 !important; }



.float_contact {

  width: 190px;

  height: auto;

  position: fixed;

  right: -190px;

  z-index: 1000;

  bottom: 80px;

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  /* Firefox 4 */

  -webkit-transition-timing-function: ease;

  /* Safari 和 Chrome */

  -o-transition-timing-function: ease;

  /* Opera */

  box-shadow: 0 5px 9px rgba(4, 0, 0, 0.17);

  background: #fff; }

  .float_contact .p1 {

    line-height: 16px;

    padding: 20px;

    background: #292b2c;

    color: #fff;

    font-size: 14px;

    letter-spacing: 1px; }

    .float_contact .p1 i {

      display: block;

      float: right;

      font-size: 20px;

      transform: rotate(45deg);

      -ms-transform: rotate(45deg);

      -moz-transform: rotate(45deg);

      -webkit-transform: rotate(45deg);

      -o-transform: rotate(45deg);

      transition: 0.5s;

      -moz-transition: 0.5s;

      -webkit-transition: 0.5s;

      -o-transition: 0.5s;

      transition-timing-function: ease;

      -moz-transition-timing-function: ease;

      /* Firefox 4 */

      -webkit-transition-timing-function: ease;

      /* Safari 和 Chrome */

      -o-transition-timing-function: ease;

      /* Opera */

      cursor: pointer; }

      .float_contact .p1 i:hover {

        transform: rotate(135deg);

        -ms-transform: rotate(135deg);

        -moz-transform: rotate(135deg);

        -webkit-transform: rotate(135deg);

        -o-transform: rotate(135deg); }

  .float_contact .p2 {

    padding: 12px 20px;

    height: 20px;

    line-height: 20px;

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    /* Firefox 4 */

    -webkit-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -o-transition-timing-function: ease;

    /* Opera */

    background: rgba(0, 0, 0, 0.05); }

    .float_contact .p2:hover {

      background: #333; }

      .float_contact .p2:hover a i {

        color: #fff; }

      .float_contact .p2:hover a div {

        color: #fff; }

    .float_contact .p2 a {

      width: 100%;

      height: 100%;

      display: block; }

    .float_contact .p2 i {

      display: block;

      float: left;

      font-size: 20px;

      transition: 0.3s;

      -moz-transition: 0.3s;

      -webkit-transition: 0.3s;

      -o-transition: 0.3s;

      transition-timing-function: ease;

      -moz-transition-timing-function: ease;

      /* Firefox 4 */

      -webkit-transition-timing-function: ease;

      /* Safari 和 Chrome */

      -o-transition-timing-function: ease;

      /* Opera */ }

    .float_contact .p2 div {

      height: 20px;

      line-height: 20px;

      float: left;

      font-family: thyFont3;

      margin-left: 10px;

      transition: 0.3s;

      -moz-transition: 0.3s;

      -webkit-transition: 0.3s;

      -o-transition: 0.3s;

      transition-timing-function: ease;

      -moz-transition-timing-function: ease;

      /* Firefox 4 */

      -webkit-transition-timing-function: ease;

      /* Safari 和 Chrome */

      -o-transition-timing-function: ease;

      /* Opera */ }

  .float_contact .p3 {

    color: #333;

    padding: 12px 20px; }

    .float_contact .p3 div {

      text-align: center;

      margin-top: 4px; }

      .float_contact .p3 div span {

        font-size: 14px;

        font-family: thyFont3; }



/*头部*/



.pc_header_on {

  background: #292b2c !important; }

  .pc_header_on .header_mid .header_nav {

    box-shadow: none !important; }



.inner_main {

  max-width: 1400px; }



.sea_span {

  width: 100%;

  font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

  font-size: 16px;

  color: #fff;

  text-align: center;

  padding-top: 10px; }

  .sea_span span {

    color: #4e5254;

    font-weight: bold; }



.pc_header {

  width: 100%;

  position: fixed;

  top: 0;

  z-index: 99;

  background: #fff;

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);

  transition: 0.3s;

  -moz-transition: 0.3s;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  /* Firefox 4 */

  -webkit-transition-timing-function: ease;

  /* Safari 和 Chrome */

  -o-transition-timing-function: ease;

  /* Opera */



}

  .pc_header .header_top {

    width: 100%;

    height: 150px;

    overflow: hidden; }

.pc_header .header_top.on{

  height: 0px;

}

    .pc_header .header_top .header_logo {

      float: left;

      height: 150px;

      line-height: 150px; }

    .pc_header .header_top .header_tel {

      height: 60px;

      float: right;

      padding-top: 40px; }

      .pc_header .header_top .header_tel .a1 {

        float: left;

        height: 60px;

        line-height: 60px; }

      .pc_header .header_top .header_tel .a2 {

        float: left;

        height: 60px;

        margin-left: 10px; }

        .pc_header .header_top .header_tel .a2 .b1 {

          height: 15px;

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 14px;

          color: #2f2f2f;

          line-height: 15px;

          padding-top: 7px; }

        .pc_header .header_top .header_tel .a2 .b2 {

          height: 30px;

          line-height: 30px;

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 32px;

          color: #2f2f2f;

          font-family: thyFont2;

          margin-top: 10px;

        }

  .pc_header .header_mid {

    height: 40px;

    width: 100%; }

    .pc_header .header_mid main {

      position: relative; }

    .pc_header .header_mid .header_nav {

      width: 100%;

      height: 74px;

      position: absolute;

      z-index: 555;

      top: 0px;

      left: 0;

      box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.3);

      transition: 0.3s;

      -moz-transition: 0.3s;

      -webkit-transition: 0.3s;

      -o-transition: 0.3s;

      transition-timing-function: ease;

      -moz-transition-timing-function: ease;

      /* Firefox 4 */

      -webkit-transition-timing-function: ease;

      /* Safari 和 Chrome */

      -o-transition-timing-function: ease;

      /* Opera */ }

      .pc_header .header_mid .header_nav li {

        width: 12.5%;

        float: left;

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */

        position: relative; }

        .pc_header .header_mid .header_nav li:after {

          content: '';

          width: 1px;

          height: 5px;

          background: #6a6b6c;

          position: absolute;

          top: 0;

          bottom: 0;

          margin: auto 0;

          right: 0; }

        .pc_header .header_mid .header_nav li:last-child:after {

          display: none; }

        .pc_header .header_mid .header_nav li a {

          width: 100%;

          height: 100%;

          display: block;

          line-height: 74px;

          text-align: center;

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 16px;

          color: #fff;

          font-weight: lighter;

          background: #292b2c;

          transition: 0.5s;

          -moz-transition: 0.5s;

          -webkit-transition: 0.5s;

          -o-transition: 0.5s;

          transition-timing-function: ease;

          -moz-transition-timing-function: ease;

          /* Firefox 4 */

          -webkit-transition-timing-function: ease;

          /* Safari 和 Chrome */

          -o-transition-timing-function: ease;

          /* Opera */ }

          .pc_header .header_mid .header_nav li a:hover {

            background: #017de5; }



/*自适应手机端头部*/

.mobile_header {

  display: none;

  height: 50px;

  position: fixed;

  top: 0;

  z-index: 555; }

  .mobile_header .mobile_to_index {

    height: 50px;

    position: fixed;

    top: 0;

    right: 2%;

    z-index: 889;

    max-width: 70%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap; }

    .mobile_header .mobile_to_index a {

      line-height: 40px;

      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

      font-size: 16px;

      color: #333; }

      .mobile_header .mobile_to_index a img {

        width:54%;

        float: right;

        margin-top: 4.5%;

         }

  .mobile_header .mobile_nav_sea {

    width: 100%;

    height: 50px;

    text-align: center;

    line-height: 50px; }

    .mobile_header .mobile_nav_sea i {

      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

      font-size: 24px;

      color: #b7b7b7; }

    .mobile_header .mobile_nav_sea:hover i {

      color: #292b2c; }

  .mobile_header .mobile_nav {

    border-bottom: 1px solid #ccc;

    height: 50px;

    background: #fff;

    background-size: cover;

    position: fixed;

    left: 0;

    width: 100%;

    z-index: 888;

    transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    /* Firefox 4 */

    -webkit-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -o-transition-timing-function: ease;

    /* Opera */ }

    .mobile_header .mobile_nav i {

      font-size: 20px;

      line-height: 50px;

      padding-left: 20px;

      color: #333;

      opacity: 0.8; }

    .mobile_header .mobile_nav .mobile_add {

      height: 50px;

      position: absolute;

      left: 70px;

      z-index: 10;

      top: 0; }

      .mobile_header .mobile_nav .mobile_add i {

        font-size: 18px;

        color: #333;

        padding-left: 0;

        line-height: 30px !important; }

      .mobile_header .mobile_nav .mobile_add .mobile_i {

        float: left;

        width: 30px;

        height: 30px;

        border-radius: 50%;

        text-align: center;

        margin-top: 11px;

        margin-right: 10px;

        box-sizing: border-box;

        -moz-box-sizing: border-box;

        /* Firefox */

        -webkit-box-sizing: border-box;

        /* Safari*/ }

  .mobile_header #mobileStyle {

    background: #F1F1F1; }

    .mobile_header #mobileStyle .main_a {

      color: #3d3d3d; }

      .mobile_header #mobileStyle .main_a:before {

        content: '';

        position: absolute;

        top: 0;

        bottom: 0;

        margin: auto 0;

        left: 0;

        width: 3px;

        height: 10px;

        background: #292b2c; }

  .mobile_header .mobile_nav_on {

    transform: translateX(0px);

    -ms-transform: translateX(0px);

    -moz-transform: translateX(0px);

    -webkit-transform: translateX(0px);

    -o-transform: translateX(0px); }

  .mobile_header .mobile_nav_main_on {

    transform: translateX(-160px);

    -ms-transform: translateX(-160px);

    -moz-transform: translateX(-160px);

    -webkit-transform: translateX(-160px);

    -o-transform: translateX(-160px);

    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3); }

  .mobile_header .mobile_nav_main {

    width: 160px;

    background: #FAFAFA;

    height: 100%;

    position: fixed;

    left: auto !important;

    right: -160px;

    top: 0;

    z-index: 99999;

    transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    /* Firefox 4 */

    -webkit-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -o-transition-timing-function: ease;

    /* Opera */ }

    .mobile_header .mobile_nav_main p {

      height: 60px; }

    .mobile_header .mobile_nav_main li {

      height: auto;

      width: 100%;

      border-top: 1px solid #EBEBEB; }

      .mobile_header .mobile_nav_main li:last-child {

        border-bottom: 1px solid #EBEBEB; }

      .mobile_header .mobile_nav_main li .li_son {

        width: 100%;

        background: #FAFAFA; }

        .mobile_header .mobile_nav_main li .li_son a {

          width: 100%;

          height: 100%;

          display: block;

          font-size: 13px;

          position: relative;

          color: #999; }

          .mobile_header .mobile_nav_main li .li_son a:after {

            content: '';

            position: absolute;

            position: absolute;

            top: 0;

            bottom: 0;

            margin: auto 0;

            width: 20px;

            height: 1px;

            left: 0;

            background: #292b2c; }

          .mobile_header .mobile_nav_main li .li_son a span {

            display: inline-block;

            width: 116px;

            float: right;

            padding-top: 10px;

            padding-bottom: 10px; }

      .mobile_header .mobile_nav_main li .main_a {

        width: 100%;

        height: 100%;

        display: block;

        color: #333;

        line-height: 60px;

        font-size: 13px;

        position: relative; }

        .mobile_header .mobile_nav_main li .main_a .layui-icon {

          margin-top: 20px;

          margin-right: 20px;

          width: 20px;

          height: 20px;

          text-align: center;

          line-height: 20px;

          float: right;

          transition: 0.3s;

          -moz-transition: 0.3s;

          -webkit-transition: 0.3s;

          -o-transition: 0.3s;

          transition-timing-function: ease;

          -moz-transition-timing-function: ease;

          /* Firefox 4 */

          -webkit-transition-timing-function: ease;

          /* Safari 和 Chrome */

          -o-transition-timing-function: ease;

          /* Opera */ }

        .mobile_header .mobile_nav_main li .main_a .layui-icon_on {

          transform: rotate(45deg);

          -ms-transform: rotate(45deg);

          -moz-transform: rotate(45deg);

          -webkit-transform: rotate(45deg);

          -o-transform: rotate(45deg); }

        .mobile_header .mobile_nav_main li .main_a span {

          padding-left: 25px; }



/*搜索栏*/

#thy-sea input {

  width: 80%;

  float: left;

  height: 40px;

  font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

  font-size: 14px;

  color: #333;

  border: none;

  border-radius: 0;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  /* Firefox */

  -webkit-box-sizing: border-box;

  /* Safari*/

  padding-left: 10px; }

#thy-sea button {

  width: 20%;

  float: left;

  padding: 0;

  height: 40px;

  background: #292b2c;

  font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

  font-size: 14px;

  color: #fff; }



.search {

  height: 70px;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);

  line-height: 70px;

  background: #292b2c; }

  .search div:first-child {

    width: 800px;

    float: left;

    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

    font-size: 16px;

    color: #fff; }

    .search div:first-child a {

      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

      font-size: 14px;

      color: #c8dafe; }

      .search div:first-child a:first-child {

        margin-left: 10px;

        margin-right: 25px; }

  .search div:last-child {

    width: 315px;

    height: 36px;

    float: right; }

    .search div:last-child form {

      width: 100%;

      height: 100%;

      margin-top: 17px; }

      .search div:last-child form input {

        width: 240px;

        height: 36px;

        background: #ebebeb;

        float: left;

        padding-left: 28px;

        box-sizing: border-box; }

      .search div:last-child form button {

        float: right;

        width: 75px;

        height: 36px;

        background: #292b2c;

        text-align: center;

        line-height: 36px;

        font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

        font-size: 14px;

        color: #fff;

        cursor: pointer;

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */ }

        .search div:last-child form button:hover {

          transform: translateY(-3px);

          -ms-transform: translateY(-3px);

          -moz-transform: translateY(-3px);

          -webkit-transform: translateY(-3px);

          -o-transform: translateY(-3px);

          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); }



.all_title {

  width: 100%; }

  .all_title .t1 {

    width: 100%;

    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

    font-size: 40px;

    color: #a29061;

    font-family: thyFont1, "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

    text-transform: uppercase;

    text-align: center;

    letter-spacing: 1px; }

  .all_title .t2 {

    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

    font-size: 30px;

    color: #2c2c2c;

    text-align: center; }



.s1 {

  width: 100%;

  height: 207px;

  background: url("../images/s1_bac.png") no-repeat center;

  background-size: cover; }

  .s1 .left {

    float: left; }

    .s1 .left .a1 {

      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

      font-size: 28px;

      color: #fff;

      line-height: 36px;

      font-weight: lighter;

      padding-top: 40px; }

    .s1 .left .a2 {

      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

      font-size: 36px;

      color: #fff;

      font-family: thyFont3, "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

      font-weight: lighter;

      padding-top: 10px; }

  .s1 .right {

    width: 63%;

    float: right; }

    .s1 .right .top {

      width: 100%;

      height: 42px;

      *zoom: 1;

      padding-top: 50px; }

      .s1 .right .top:before, .s1 .right .top:after {

        content: " ";

        display: table; }

      .s1 .right .top:after {

        clear: both; }

      .s1 .right .top .layui-form-item {

        float: left;

        width: 32%;

        margin-right: 2%;

        height: 100%;

        clear: none; }

        .s1 .right .top .layui-form-item:last-child {

          margin-right: 0; }

        .s1 .right .top .layui-form-item input {

          height: 100%;

          background: none;

          width: 100%;

          border-color: #737475;

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 15px;

          color: #fff; }

        .s1 .right .top .layui-form-item input::-webkit-input-placeholder {

          font-size: 15px;

          color: #fff; }

        .s1 .right .top .layui-form-item input:-moz-placeholder {

          font-size: 15px;

          color: #fff; }

        .s1 .right .top .layui-form-item input::-moz-placeholder {

          font-size: 15px;

          color: #fff; }

        .s1 .right .top .layui-form-item input:-ms-input-placeholder {

          font-size: 15px;

          color: #fff; }

    .s1 .right .bottom {

      width: 100%;

      height: 42px;

      *zoom: 1;

      padding-top: 18px; }

      .s1 .right .bottom:before, .s1 .right .bottom:after {

        content: " ";

        display: table; }

      .s1 .right .bottom:after {

        clear: both; }

      .s1 .right .bottom .layui-form-item {

        float: left;

        width: 32%;

        margin-right: 2%;

        height: 100%;

        clear: none; }

        .s1 .right .bottom .layui-form-item button {

          width: 100%;

          height: 100%;

          text-align: center;

          background: #a29061; }

        .s1 .right .bottom .layui-form-item:last-child {

          margin-right: 0; }

        .s1 .right .bottom .layui-form-item input {

          height: 100%;

          background: none;

          width: 100%;

          border-color: #737475;

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 15px;

          color: #fff; }

        .s1 .right .bottom .layui-form-item input::-webkit-input-placeholder {

          font-size: 15px;

          color: #fff; }

        .s1 .right .bottom .layui-form-item input:-moz-placeholder {

          font-size: 15px;

          color: #fff; }

        .s1 .right .bottom .layui-form-item input::-moz-placeholder {

          font-size: 15px;

          color: #fff; }

        .s1 .right .bottom .layui-form-item input:-ms-input-placeholder {

          font-size: 15px;

          color: #fff; }



/*.s2 {

  width: 100%;

  height: auto;

  background: url("../images/s2.png") no-repeat center;

  background-size: contain;

  padding-top: 80px;

  padding-bottom: 80px; }
*/
  .s2 .bottom {

    position: relative; }

    .s2 .bottom .mid {

      width: 33.33%;

      position: absolute;

      left: 0;

      right: 0;

      margin: 0 auto;

      height: 330px;

      background: #938257;

      bottom: 0;

      z-index: 55;

      line-height: 330px;

      text-align: center; }

      .s2 .bottom .mid img {

        max-width: 90%; }

  .s2 .swiper-container li {

    width: 100%;

    height: 330px; }

    .s2 .swiper-container li:hover a .pic img {

      transform: scale(1.1);

      -ms-transform: scale(1.1);

      -moz-transform: scale(1.1);

      -webkit-transform: scale(1.1);

      -o-transform: scale(1.1); }

    .s2 .swiper-container li:hover a .mask {

      top: 0 !important;

      opacity: 1 !important; }

    .s2 .swiper-container li a {

      position: relative;

      width: 100%;

      height: 100%;

      display: block; }

      .s2 .swiper-container li a .pic {

        width: 100%;

        height: 100%;

        overflow: hidden; }

        .s2 .swiper-container li a .pic img {

          transition: 0.5s;

          -moz-transition: 0.5s;

          -webkit-transition: 0.5s;

          -o-transition: 0.5s;

          transition-timing-function: ease;

          -moz-transition-timing-function: ease;

          /* Firefox 4 */

          -webkit-transition-timing-function: ease;

          /* Safari 和 Chrome */

          -o-transition-timing-function: ease;

          /* Opera */ }

      .s2 .swiper-container li a .mask {

        background: rgba(0, 0, 0, 0.7);

        width: 100%;

        height: 100%;

        position: absolute;

        top: -100%;

        left: 0;

        opacity: 0;

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */

        z-index: 20;

        display: table; }

        .s2 .swiper-container li a .mask .word {

          display: table-cell;

          vertical-align: middle;

          text-align: center;

          padding: 15px;

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 17px;

          color: #fff;

          line-height: 24px;

          border-left: 5px solid #63583a;

          border-right: 5px solid #63583a; }



.ss3 {

  width: 100%;

  height: 786px;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  position: relative; }

  .ss3 .a3 {

    position: absolute;

    width: 100%;

    height: 300px;

    background: rgba(0, 0, 0, 0.7);

    bottom: 0;

    z-index: 5; }

    .ss3 .a3 main {

      position: relative; }

    .ss3 .a3 .b1 {

      width: 780px;

      float: right;

      height: 100%; }

      .ss3 .a3 .b1 .c1 {

        font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

        font-size: 18px;

        color: #fff;

        font-weight: lighter;

        padding-top: 30px; }

      .ss3 .a3 .b1 .c2 {

        font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

        font-size: 16px;

        color: #fff;

        line-height: 30px;

        font-weight: lighter;

        padding-top: 30px;

        letter-spacing: 1px; }

      .ss3 .a3 .b1 .c3 {

        padding-top: 30px; }

        .ss3 .a3 .b1 .c3 a {

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 14px;

          color: #fff;

          font-weight: lighter;

          font-weight: lighter;

          transition: 0.5s;

          -moz-transition: 0.5s;

          -webkit-transition: 0.5s;

          -o-transition: 0.5s;

          transition-timing-function: ease;

          -moz-transition-timing-function: ease;

          /* Firefox 4 */

          -webkit-transition-timing-function: ease;

          /* Safari 和 Chrome */

          -o-transition-timing-function: ease;

          /* Opera */ }

          .ss3 .a3 .b1 .c3 a:hover {

            color: #292b2c; }

    .ss3 .a3 .b2 {

      position: absolute;

      z-index: 5;

      left: 0;

      width: 318px;

      height: 471px;

      top: -136px; }

      .ss3 .a3 .b2 a {

        width: 100%;

        height: 100%;

        display: block; }

        .ss3 .a3 .b2 a:hover .c2 .d3 {

          transform: translateX(10px);

          -ms-transform: translateX(10px);

          -moz-transform: translateX(10px);

          -webkit-transform: translateX(10px);

          -o-transform: translateX(10px); }

        .ss3 .a3 .b2 a .c1 {

          width: 100%;

          height: 136px;

          background: #fff;

          line-height: 136px;

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 40px;

          color: #2e2e2e;

          box-sizing: border-box;

          -moz-box-sizing: border-box;

          /* Firefox */

          -webkit-box-sizing: border-box;

          /* Safari*/

          padding-left: 35px; }

        .ss3 .a3 .b2 a .c2 {

          height: 335px;

          width: 100%;

          background: #a29061;

          position: relative; }

          .ss3 .a3 .b2 a .c2 .d0 {

            position: absolute;

            left: 35px;

            top: 0;

            z-index: 4; }

          .ss3 .a3 .b2 a .c2 .d1 {

            box-sizing: border-box;

            -moz-box-sizing: border-box;

            /* Firefox */

            -webkit-box-sizing: border-box;

            /* Safari*/

            padding-left: 35px;

            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

            font-size: 24px;

            color: #fff;

            padding-top: 68px;

            font-weight: lighter;

            letter-spacing: 1px;

            line-height: 39px; }

          .ss3 .a3 .b2 a .c2 .d2 {

            width: 100%;

            box-sizing: border-box;

            -moz-box-sizing: border-box;

            /* Firefox */

            -webkit-box-sizing: border-box;

            /* Safari*/

            padding-left: 35px;

            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

            font-size: 16px;

            color: rgba(255, 255, 255, 0.6);

            font-family: thyFont3;

            padding-top: 10px; }

          .ss3 .a3 .b2 a .c2 .d3 {

            width: 100%;

            box-sizing: border-box;

            -moz-box-sizing: border-box;

            /* Firefox */

            -webkit-box-sizing: border-box;

            /* Safari*/

            padding-left: 45px;

            padding-top: 40px;

            transition: 0.5s;

            -moz-transition: 0.5s;

            -webkit-transition: 0.5s;

            -o-transition: 0.5s;

            transition-timing-function: ease;

            -moz-transition-timing-function: ease;

            /* Firefox 4 */

            -webkit-transition-timing-function: ease;

            /* Safari 和 Chrome */

            -o-transition-timing-function: ease;

            /* Opera */ }



.s4 {

  padding-top: 70px;

  padding-bottom: 70px;

  width: 100%; }

  .s4 .s4_main {

    padding-top: 40px; }

    .s4 .s4_main .left {

      float: left; }

      .s4 .s4_main .left li {

        text-align: right; }

    .s4 .s4_main .right {

      float: right; }

      .s4 .s4_main .right li {

        text-align: left; }

    .s4 .s4_main .controller_on {

      border: 1px solid #a29061 !important;

      box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }

      .s4 .s4_main .controller_on .a1 {

        transform: translateY(-6px);

        -ms-transform: translateY(-6px);

        -moz-transform: translateY(-6px);

        -webkit-transform: translateY(-6px);

        -o-transform: translateY(-6px); }

      .s4 .s4_main .controller_on .a2 {

        transform: translateY(-6px);

        -ms-transform: translateY(-6px);

        -moz-transform: translateY(-6px);

        -webkit-transform: translateY(-6px);

        -o-transform: translateY(-6px);

        color: #a29061 !important; }

      .s4 .s4_main .controller_on .a3 {

        transform: translateY(-6px);

        -ms-transform: translateY(-6px);

        -moz-transform: translateY(-6px);

        -webkit-transform: translateY(-6px);

        -o-transform: translateY(-6px);

        color: #a29061 !important; }

    .s4 .s4_main .controller {

      width: 24%; }

      .s4 .s4_main .controller li {

        width: 100%;

        height: 160px;

        box-sizing: border-box;

        -moz-box-sizing: border-box;

        /* Firefox */

        -webkit-box-sizing: border-box;

        /* Safari*/

        border: 1px solid #c9c9c9;

        margin-bottom: 20px;

        padding-right: 40px;

        padding-left: 40px;

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */ }

        .s4 .s4_main .controller li .a1 {

          width: 100%;

          height: 60px;

          line-height: 60px;

          padding-top: 18px;

          transition: 0.5s;

          -moz-transition: 0.5s;

          -webkit-transition: 0.5s;

          -o-transition: 0.5s;

          transition-timing-function: ease;

          -moz-transition-timing-function: ease;

          /* Firefox 4 */

          -webkit-transition-timing-function: ease;

          /* Safari 和 Chrome */

          -o-transition-timing-function: ease;

          /* Opera */ }

          .s4 .s4_main .controller li .a1 img {

            max-height: 95%; }

        .s4 .s4_main .controller li .a2 {

          width: 100%;

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 20px;

          color: #232323;

          font-weight: bold;

          padding-top: 10px;

          transition: 0.5s;

          -moz-transition: 0.5s;

          -webkit-transition: 0.5s;

          -o-transition: 0.5s;

          transition-timing-function: ease;

          -moz-transition-timing-function: ease;

          /* Firefox 4 */

          -webkit-transition-timing-function: ease;

          /* Safari 和 Chrome */

          -o-transition-timing-function: ease;

          /* Opera */

          transition-delay: 0.1s; }

        .s4 .s4_main .controller li .a3 {

          width: 100%;

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 15px;

          color: #666666;

          text-transform: capitalize;

          font-family: thyFont3;

          padding-top: 5px;

          transition: 0.5s;

          -moz-transition: 0.5s;

          -webkit-transition: 0.5s;

          -o-transition: 0.5s;

          transition-timing-function: ease;

          -moz-transition-timing-function: ease;

          /* Firefox 4 */

          -webkit-transition-timing-function: ease;

          /* Safari 和 Chrome */

          -o-transition-timing-function: ease;

          /* Opera */

          transition-delay: 0.2s; }

    .s4 .s4_main .s4_swiper {

      float: left;

      width: 43%;

      margin-left: 4.5%;

      height: 520px; }

      .s4 .s4_main .s4_swiper .swiper-slide {

        width: 100%;

        height: 520px;

        box-sizing: border-box;

        -moz-box-sizing: border-box;

        /* Firefox */

        -webkit-box-sizing: border-box;

        /* Safari*/

        padding: 10px;

        position: relative;

        overflow: hidden; }

        .s4 .s4_main .s4_swiper .swiper-slide .pic {

          width: 100%;

          height: 100%;

          background-size: cover;

          background-position: center; }

        .s4 .s4_main .s4_swiper .swiper-slide .mask {

          width: 100%;

          height: 100%;

          position: absolute;

          z-index: 2;

          top: 0;

          left: 0;

          background: rgba(0, 0, 0, 0.7); }

        .s4 .s4_main .s4_swiper .swiper-slide .word {

          position: absolute;

          top: 0;

          left: 0;

          width: 100%;

          height: 100%;

          z-index: 15; }

          .s4 .s4_main .s4_swiper .swiper-slide .word .a1 {

            width: 100%;

            text-align: center;

            line-height: 60px;

            height: 60px;

            padding-top: 100px; }

            .s4 .s4_main .s4_swiper .swiper-slide .word .a1 img {

              max-height: 95%; }

          .s4 .s4_main .s4_swiper .swiper-slide .word .a2 {

            width: 100%;

            text-align: center;

            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

            font-size: 22px;

            color: #fff;

            font-weight: bold;

            padding-top: 20px; }

          .s4 .s4_main .s4_swiper .swiper-slide .word .a3 {

            width: 60%;

            margin-left: 20%;

            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

            font-size: 14px;

            color: rgba(255, 255, 255, 0.4);

            line-height: 26px;

            text-align: center;

            padding-top: 15px; }

          .s4 .s4_main .s4_swiper .swiper-slide .word .a4 {

            width: 100%;

            height: 45px;

            padding-top: 55px; }

            .s4 .s4_main .s4_swiper .swiper-slide .word .a4 a {

              display: block;

              width: 145px;

              height: 45px;

              background: #a29061;

              margin: 0 auto;

              text-align: center;

              font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

              font-size: 14px;

              color: #fff;

              text-transform: uppercase;

              font-family: thyFont3;

              line-height: 45px;

              border-radius: 5px;

              transition: 0.5s;

              -moz-transition: 0.5s;

              -webkit-transition: 0.5s;

              -o-transition: 0.5s;

              transition-timing-function: ease;

              -moz-transition-timing-function: ease;

              /* Firefox 4 */

              -webkit-transition-timing-function: ease;

              /* Safari 和 Chrome */

              -o-transition-timing-function: ease;

              /* Opera */ }

              .s4 .s4_main .s4_swiper .swiper-slide .word .a4 a:hover {

                background: #736644; }



.s5 .s5_main {

  width: 100%;

  margin-top: 60px;

  *zoom: 1; }

  .s5 .s5_main:before, .s5 .s5_main:after {

    content: " ";

    display: table; }

  .s5 .s5_main:after {

    clear: both; }

  .s5 .s5_main li {

    width: 20%;

    float: left;

    position: relative;

    height: 220px; }

    .s5 .s5_main li:hover .a1 {

      color: #a29061; }

    .s5 .s5_main li:hover .a2 {

      background: #a29061; }

    .s5 .s5_main li:hover .a3 {

      top: 120px;

      opacity: 1; }

    .s5 .s5_main li .a1 {

      width: 100%;

      text-align: center;

      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

      font-size: 20px;

      color: #252525;

      font-weight: bold;

      transition: 0.5s;

      -moz-transition: 0.5s;

      -webkit-transition: 0.5s;

      -o-transition: 0.5s;

      transition-timing-function: ease;

      -moz-transition-timing-function: ease;

      /* Firefox 4 */

      -webkit-transition-timing-function: ease;

      /* Safari 和 Chrome */

      -o-transition-timing-function: ease;

      /* Opera */ }

    .s5 .s5_main li .a2 {

      width: 52px;

      height: 52px;

      border-radius: 50%;

      background: #d4d5d9;

      position: absolute;

      left: 0;

      right: 0;

      margin: 0 auto;

      top: 45px;

      text-align: center;

      line-height: 52px;

      transition: 0.5s;

      -moz-transition: 0.5s;

      -webkit-transition: 0.5s;

      -o-transition: 0.5s;

      transition-timing-function: ease;

      -moz-transition-timing-function: ease;

      /* Firefox 4 */

      -webkit-transition-timing-function: ease;

      /* Safari 和 Chrome */

      -o-transition-timing-function: ease;

      /* Opera */

      transition-delay: 0.05s; }

    .s5 .s5_main li .a3 {

      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

      font-size: 14;

      color: #242424;

      line-height: 22px;

      width: 90%;

      position: absolute;

      left: 5%;

      top: 160px;

      transition: 0.5s;

      -moz-transition: 0.5s;

      -webkit-transition: 0.5s;

      -o-transition: 0.5s;

      transition-timing-function: ease;

      -moz-transition-timing-function: ease;

      /* Firefox 4 */

      -webkit-transition-timing-function: ease;

      /* Safari 和 Chrome */

      -o-transition-timing-function: ease;

      /* Opera */

      transition-delay: 0.1s;

      opacity: 0; }



.inner_pro_cat {

  width: 100%;

  height: auto;

  text-align: right; }

  .inner_pro_cat a {

    display: inline-block;

    padding: 8px 16px;

    border: 1px solid #888;

    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

    font-size: 14px;

    color: #333;

    margin-left: 10px;

    margin-right: 10px;

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    /* Firefox 4 */

    -webkit-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -o-transition-timing-function: ease;

    /* Opera */ }

    .inner_pro_cat a:hover {

      background: #292b2c;

      color: #fff; }



#thyNavStyle2 a {

  color: #fff; }



.footer_all_title .a1 {

  font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

  font-size: 30px;

  color: #fff;

  font-weight: bold; }

.footer_all_title .a2 {

  margin-top: 30px;

  width: 50px;

  height: 1px;

  background: #626262; }



footer {

  height: auto;

  background: #232323;

  position: relative;

  z-index: 20;

  width: 100%; }

  footer .footer_nav {

    width: 100%;

    height: 86px;

    *zoom: 1; }

    footer .footer_nav:before, footer .footer_nav:after {

      content: " ";

      display: table; }

    footer .footer_nav:after {

      clear: both; }

    footer .footer_nav li {

      width: 12.5%;

      float: left;

      height: 100%; }

      footer .footer_nav li a {

        line-height: 86px;

        text-align: center;

        font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

        font-size: 16px;

        color: #525252;

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */ }

        footer .footer_nav li a:hover {

          color: #fff; }

  footer .footer_mid {

    margin-top: 30px;

    *zoom: 1; }

    footer .footer_mid main {

      padding-bottom: 45px;

      *zoom: 1;

      border-bottom: 1px solid #313131; }

      footer .footer_mid main:before, footer .footer_mid main:after {

        content: " ";

        display: table; }

      footer .footer_mid main:after {

        clear: both; }

    footer .footer_mid:before, footer .footer_mid:after {

      content: " ";

      display: table; }

    footer .footer_mid:after {

      clear: both; }

    footer .footer_mid li {

      float: left; }

    footer .footer_mid .li1 {

      width: 340px;

      height: 260px;

      border-right: 1px dashed #313131; }

      footer .footer_mid .li1 .b1 {

        margin-top: 30px; }

        footer .footer_mid .li1 .b1 img {

          width: 110px; }

      footer .footer_mid .li1 .b2 {

        width: 110px;

        text-align: center;

        font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

        font-size: 14px;

        color: #fff;

        letter-spacing: 2px;

        margin-top: 5px; }

    footer .footer_mid .li2 {

      padding-left: 120px;

      padding-right: 95px;

      border-right: 1px dashed #313131; }

      footer .footer_mid .li2 .b1 {

        font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

        font-size: 18px;

        color: #fff;

        margin-top: 30px; }

      footer .footer_mid .li2 .b2 {

        height: 24px;

        font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

        font-size: 14px;

        color: #626262;

        line-height: 24px;

        margin-top: 20px; }

        footer .footer_mid .li2 .b2 img {

          margin-right: 5px; }

    footer .footer_mid .li3 {

      float: right; }

      footer .footer_mid .li3 .header_right {

        height: 60px;

        line-height: 60px;

        margin-top: 30px; }

        footer .footer_mid .li3 .header_right img {

          margin-right: 8px; }

        footer .footer_mid .li3 .header_right .w1 {

          float: right; }

          footer .footer_mid .li3 .header_right .w1 .a1 {

            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

            font-size: 16px;

            color: #fff;

            line-height: 26px; }

          footer .footer_mid .li3 .header_right .w1 .a2 {

            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

            font-size: 32px;

            color: #fff;

            font-family: Bebasss;

            line-height: 26px;

            padding-top: 5px; }

      footer .footer_mid .li3 .c1 {

        width: 140px;

        background: #a29061;

        height: 46px;

        text-align: center;

        line-height: 46px;

        margin-top: 30px; }

        footer .footer_mid .li3 .c1:hover {

          background: #83744d; }

        footer .footer_mid .li3 .c1 a {

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 16px;

          color: #fff; }

  footer .footer-b {

    height: 55px;

    line-height: 55px;

    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

    font-size: 14px;

    color: #787878; }

    footer .footer-b li a {

      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

      font-size: 14px;

      color: #787878; }



.location {

  font-size: 14px;

  color: #fff;

  line-height: 40px;

  text-align: right;

  font-weight: lighter;

  height: 40px;

  padding-top: 230px;

  background: #292b2c;

  width: 100%; }

  .location span {

    color: #fff !important;

    font-size: 14px !important;

    padding: 0 2px 0 2px; }

  .location a {

    color: #fff; }

  .location a:last-child {

    color: #dbd4c1; }

  .location a:hover {

    color: #dbd4c1; }



.small_banner {

  width: 100%;

  height:457px;

  background-position: center;

  background-size: cover;

  position: relative; }

  .small_banner .inner_title {

    position: absolute;

    z-index: 5;

    left:50%;

    top:50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    -o-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

  }

    .small_banner .inner_title .t1 {

      color: #fff;

      font-size: 48px;

      

      text-align:left;

      position: relative;

      font-weight: bold;

      margin-bottom: 2%;
		text-shadow:1px 1px 2px #000;

    }



.small_banner .inner_title .t2 {

      color: #fff;

      font-size: 36px;

      text-align:left;
	text-shadow:1px 1px 2px #000;

    }

.small_banner .menu-inner{

  width:100%;

  position: absolute;

  left:0;

  bottom:0;

  background: rgba(0,0,0,0.8);

  z-index: 22;

}

.small_banner .menu-inner .wrapper{

  position: relative;

}

.small_banner .menu-inner a{

  display: block;

  float: left;

  line-height: 70px;

  margin:0 2%;

  position: relative;

  font-size: 16px;

  color: #ffffff;

}

.small_banner.pro .menu-inner a{

  margin-right: 2%;

}

.small_banner .menu-inner a:hover{

  color:#ff691b;

}

.small_banner .menu-inner a.active{

  color:#ff691b;

  font-weight: 700;

}

.small_banner .menu-inner a:after{

  display: block;

  content:"";

  position: absolute;

  width: 5px;

  height: 5px;

  background-color: #ff691b;

  left:-18%;

  top:50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}

.small_banner .menu-inner .menu-biao{

  position: absolute;

  width: 123px;

  height: 123px;

  background-color: #ff691b;

  color:#fff;

  font-size: 17px;

  font-weight: 700;

  right:0;

  top:-18%;

  padding: 37px;

  text-align:center;

  z-index: 21;

}



.small_banner .small_banner_product{

  position: absolute;

  z-index: 4;

  width:100%;

  height: 80%;

  right:0;

  bottom:0;

}

.small_banner .small_banner_product .imgbox{

  width:100%;

  height: 100%;

  position: relative;

  display: none;

}

.small_banner .small_banner_product .imgbox.active{

  display: block;

}

.small_banner .small_banner_product .imgbox img{

  position: absolute;

  max-width: 100%;

  max-height: 76%;

  right: 7%;

  top:50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}



.news {

 }

  .news .to_slide_on {

    background: #292b2c !important;

    color: #fff !important; }

  .news .bottom {

    width: 100%;

    margin-top: 3%;

  }

    .news .bottom .swiper-slide {

      width: 100%;

      height: 100%;

     /* display: flex;

      justify-content: space-between;

      flex-wrap: wrap;*/

    }

      .news .bottom .swiper-slide .news_li {

        width: 33.33%;

        overflow: hidden;

        margin-bottom: 3%;

        float: left;

        /*margin-right: 0.5%;*/

      }

/*.news .bottom .swiper-slide .news_li:nth-child(3){

  margin-right: 0;

}*/

        .news .bottom .swiper-slide .news_li:hover a .news_mask {

          opacity: 1;

          top: 0; }

        .news .bottom .swiper-slide .news_li:hover a .news_bac {

          opacity: 1; }

        .news .bottom .swiper-slide .news_li:hover a .news_main .w1 .time1 {

          color: #fff; }

        .news .bottom .swiper-slide .news_li:hover a .news_main .w1 .time2 {

          color: #fff; }

        .news .bottom .swiper-slide .news_li:hover a .news_main .w2 {

          color: #fff; }

        .news .bottom .swiper-slide .news_li:hover a .news_main .w3 {

          color: #ccc; }

        .news .bottom .swiper-slide .news_li:hover a .news_main .w4 {

          width: 0; }

        .news .bottom .swiper-slide .news_li:hover a .news_main .w5:after {

          left: 0; }

        .news .bottom .swiper-slide .news_li:hover a .news_main .w5:before {

          right: 8%;

          opacity: 1; }

        .news .bottom .swiper-slide .news_li:hover a .news_main .w5 .div1 {

          color: #fff; }

        .news .bottom .swiper-slide .news_li:hover a .news_main .w5 .div2 {

          color: #fff;

          opacity: 0; }

        .news .bottom .swiper-slide .news_li a {

          width: 100%;

          height: 100%;

          display: block;

          position: relative; }

        .news .bottom .swiper-slide .news_li .news_bac {

          position: absolute;

          top: 0;

          left: 0;

          z-index: 1;

          width: 100%;

          height: 100%;

          opacity: 0;

          transition: 0.5s;

          -moz-transition: 0.5s;

          -webkit-transition: 0.5s;

          -o-transition: 0.5s;

          transition-timing-function: ease;

          -moz-transition-timing-function: ease;

          /* Firefox 4 */

          -webkit-transition-timing-function: ease;

          /* Safari 和 Chrome */

          -o-transition-timing-function: ease;

          /* Opera */ }

        .news .bottom .swiper-slide .news_li .news_mask {

          position: absolute;

          top: 100%;

          left: 0;

          z-index: 2;

          width: 100%;

          height: 100%;

          background: rgba(0, 0, 0, 0.7);

          opacity: 0;

          transition: 0.5s;

          -moz-transition: 0.5s;

          -webkit-transition: 0.5s;

          -o-transition: 0.5s;

          transition-timing-function: ease;

          -moz-transition-timing-function: ease;

          /* Firefox 4 */

          -webkit-transition-timing-function: ease;

          /* Safari 和 Chrome */

          -o-transition-timing-function: ease;

          /* Opera */

          transition-delay: 0.3s; }

        .news .bottom .swiper-slide .news_li .news_main {

          position: relative;

          z-index: 5; }

          .news .bottom .swiper-slide .news_li .news_main .w1 {

            width: 100%;

            height: 230px;

          }

            .news .bottom .swiper-slide .news_li .news_main .w1 .time1 {

              font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

              font-size: 30px;

              color: #202020;

              font-weight: lighter;

              margin-right: 10px;

              transition: 0.5s;

              -moz-transition: 0.5s;

              -webkit-transition: 0.5s;

              -o-transition: 0.5s;

              transition-timing-function: ease;

              -moz-transition-timing-function: ease;

              /* Firefox 4 */

              -webkit-transition-timing-function: ease;

              /* Safari 和 Chrome */

              -o-transition-timing-function: ease;

              /* Opera */ }

            .news .bottom .swiper-slide .news_li .news_main .w1 .time2 {

              font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

              font-size: 16px;

              color: #202020;

              font-weight: lighter;

              transition: 0.5s;

              -moz-transition: 0.5s;

              -webkit-transition: 0.5s;

              -o-transition: 0.5s;

              transition-timing-function: ease;

              -moz-transition-timing-function: ease;

              /* Firefox 4 */

              -webkit-transition-timing-function: ease;

              /* Safari 和 Chrome */

              -o-transition-timing-function: ease;

              /* Opera */ }

          .news .bottom .swiper-slide .news_li .news_main .w2 {

            width: 84%;

            margin-left: 8%;

            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

            font-size: 16px;

            color: #333;

            font-weight: lighter;

            margin-top: 20px;

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;

            height: 28px;

            line-height: 28px;

            transition: 0.5s;

            -moz-transition: 0.5s;

            -webkit-transition: 0.5s;

            -o-transition: 0.5s;

            transition-timing-function: ease;

            -moz-transition-timing-function: ease;

            /* Firefox 4 */

            -webkit-transition-timing-function: ease;

            /* Safari 和 Chrome */

            -o-transition-timing-function: ease;

            /* Opera */ }

          .news .bottom .swiper-slide .news_li .news_main .w3 {

            margin-top: 18px;

            height: 50px;

            width: 84%;

            margin-left: 8%;

            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

            font-size: 14px;

            color: #8e8e8e;

            font-weight: lighter;

            line-height: 26px;

            padding-bottom: 17%;

            transition: 0.5s;

            -moz-transition: 0.5s;

            -webkit-transition: 0.5s;

            -o-transition: 0.5s;

            transition-timing-function: ease;

            -moz-transition-timing-function: ease;

            /* Firefox 4 */

            -webkit-transition-timing-function: ease;

            /* Safari 和 Chrome */

            -o-transition-timing-function: ease;

            /* Opera */

            overflow: hidden; }

          .news .bottom .swiper-slide .news_li .news_main .w4 {

            width: 84%;

            margin-left: 8%;

            height: 1px;

            background: #cdcdcd;

            transition: 0.5s;

            -moz-transition: 0.5s;

            -webkit-transition: 0.5s;

            -o-transition: 0.5s;

            transition-timing-function: ease;

            -moz-transition-timing-function: ease;

            /* Firefox 4 */

            -webkit-transition-timing-function: ease;

            /* Safari 和 Chrome */

            -o-transition-timing-function: ease;

            /* Opera */ }

          .news .bottom .swiper-slide .news_li .news_main .w5 {

            width: 100%;

            padding-left: 8%;

            padding-right: 8%;

            height: 65px;

            position: relative; }

            .news .bottom .swiper-slide .news_li .news_main .w5:after {

              content: '';

              width: 100%;

              height: 100%;

              background: #2c3b98;

              position: absolute;

              top: 0;

              left: -100%;

              transition: 0.8s;

              -moz-transition: 0.8s;

              -webkit-transition: 0.8s;

              -o-transition: 0.8s;

              transition-timing-function: ease;

              -moz-transition-timing-function: ease;

              /* Firefox 4 */

              -webkit-transition-timing-function: ease;

              /* Safari 和 Chrome */

              -o-transition-timing-function: ease;

              /* Opera */

              transition-delay: 0.5s; }

            .news .bottom .swiper-slide .news_li .news_main .w5:before {

              content: '';

              width: 35px;

              height: 35px;

              background: url("../images/news_r.png") no-repeat center;

              position: absolute;

              top: 0;

              bottom: 0;

              margin: auto 0;

              right: -8%;

              opacity: 0;

              transition: 0.8s;

              -moz-transition: 0.8s;

              -webkit-transition: 0.8s;

              -o-transition: 0.8s;

              transition-timing-function: ease;

              -moz-transition-timing-function: ease;

              /* Firefox 4 */

              -webkit-transition-timing-function: ease;

              /* Safari 和 Chrome */

              -o-transition-timing-function: ease;

              /* Opera */

              z-index: 5; }

            .news .bottom .swiper-slide .news_li .news_main .w5 .div1 {

              float: left;

              height: 100%;

              line-height: 65px;

              font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

              font-size: 14px;

              color: #6f6f6f;

              font-weight: lighter;

              position: relative;

              z-index: 5;

              transition: 0.5s;

              -moz-transition: 0.5s;

              -webkit-transition: 0.5s;

              -o-transition: 0.5s;

              transition-timing-function: ease;

              -moz-transition-timing-function: ease;

              /* Firefox 4 */

              -webkit-transition-timing-function: ease;

              /* Safari 和 Chrome */

              -o-transition-timing-function: ease;

              /* Opera */ }

            .news .bottom .swiper-slide .news_li .news_main .w5 .div2 {

              float: right;

              line-height: 65px;

              font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

              font-size: 14px;

              color: #6f6f6f;

              position: relative;

              z-index: 5;

              transition: 0.5s;

              -moz-transition: 0.5s;

              -webkit-transition: 0.5s;

              -o-transition: 0.5s;

              transition-timing-function: ease;

              -moz-transition-timing-function: ease;

              /* Firefox 4 */

              -webkit-transition-timing-function: ease;

              /* Safari 和 Chrome */

              -o-transition-timing-function: ease;

              /* Opera */ }

      .news .bottom .swiper-slide .news_li:nth-child(odd) {

        background: #ececec; }

  .news .all_button button {

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    /* Firefox */

    -webkit-box-sizing: border-box;

    /* Safari*/

    border: 2px solid #e7e7e7; }

    .news .all_button button a {

      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

      font-size: 16px;

      color: #fff;

      background: #292b2c;

      transition: 0.5s;

      -moz-transition: 0.5s;

      -webkit-transition: 0.5s;

      -o-transition: 0.5s;

      transition-timing-function: ease;

      -moz-transition-timing-function: ease;

      /* Firefox 4 */

      -webkit-transition-timing-function: ease;

      /* Safari 和 Chrome */

      -o-transition-timing-function: ease;

      /* Opera */ }

      .news .all_button button a:hover {

        background: #101112; }



@media screen and (max-width: 767px) {

  .news {

    padding-bottom: 40px; }

    .news main {

      padding-left: 15px;

      padding-right: 15px; }

      .news main .top {

        margin-bottom: 20px; }

        .news main .top li {

          margin-right: 0; }

      .news main .bottom .swiper-slide .news_li {

        width: 100%;

        padding-top: 0; }

        .news main .bottom .swiper-slide .news_li .news_main .w1 {

          padding-top: 10px; }

          .news main .bottom .swiper-slide .news_li .news_main .w1 .time1 {

            font-size: 18px; }

          .news main .bottom .swiper-slide .news_li .news_main .w1 .time2 {

            font-size: 16px; }

        .news main .bottom .swiper-slide .news_li .news_main .w2 {

          font-size: 16px;

          margin-top: 5px; }

        .news main .bottom .swiper-slide .news_li .news_main .w3 {

          margin-top: 5px;

          padding-bottom: 10px; }

        .news main .bottom .swiper-slide .news_li .news_main .w5 {

          display: none; }

    .news .all_button {

      padding-top: 30px; } }

#viewer_honor {

  *zoom: 1; }

  #viewer_honor:before, #viewer_honor:after {

    content: " ";

    display: table; }

  #viewer_honor:after {

    clear: both; }

  #viewer_honor .honor_li {

    width: 25%;

    float: left;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    /* Firefox */

    -webkit-box-sizing: border-box;

    /* Safari*/

    padding: 5px;

    cursor: pointer; }

    #viewer_honor .honor_li:hover .honor_li_main .word {

      background: rgba(0, 0, 0, 0.9); }

    #viewer_honor .honor_li .honor_li_main {

      width: 100%;

      height: 100%;

      position: relative;

      background: #fff;

      border-radius: 4px;

      box-sizing: border-box;

      -moz-box-sizing: border-box;

      /* Firefox */

      -webkit-box-sizing: border-box;

      /* Safari*/

      padding: 1%;

      overflow: hidden; }

      #viewer_honor .honor_li .honor_li_main .pic {

        width: 100%; }

      #viewer_honor .honor_li .honor_li_main .word {

        height: 30px;

        line-height: 30px;

        width: 100%;

        position: absolute;

        background: rgba(0, 0, 0, 0.7);

        font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

        font-size: 15px;

        color: #fff;

        text-align: center;

        bottom: 0px;

        left: 0px;

        transition: 0.3s;

        -moz-transition: 0.3s;

        -webkit-transition: 0.3s;

        -o-transition: 0.3s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */ }



@media screen and (max-width: 992px) {

  #viewer_honor .honor_li {

    width: 33.33%; } }

@media screen and (max-width: 767px) {

  #viewer_honor .honor_li {

    width: 50%; } }

.inner_des_title {

  width: 100%;

  padding-top: 15px;

  padding-bottom: 15px; }

  .inner_des_title .w1 {

    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

    font-size: 22px;

    color: #444; }

  .inner_des_title .w2 {

    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

    font-size: 13px;

    color: #c1c1c1; }



.inner_case_content img {

  max-width: 100% !important;

  margin-top: 5px !important;

  margin-bottom: 5px !important;

  display: block !important;

  margin: 0 auto; }



.case_fieldset {

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  /* Firefox */

  -webkit-box-sizing: border-box;

  /* Safari*/

  /*border: 1px solid #ccc;*/

  width: 100%;

  padding: 10px;

  font-size: 15px;

  line-height: 30px;

  color: #3E3E3E;

}

  .case_fieldset legend {

    margin-left: 8px;

    padding-left: 5px;

    padding-right: 5px; }



.no_data {

  font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

  font-size: 36px;

  color: #292b2c;

  font-weight: lighter;

  text-align: center;

  line-height: 120px;

  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }



#inner_swiper {

  width: 80%;

  height: 400px;

  margin-left: 10%; }

  #inner_swiper .pic {

    width: 100%;

    height: 100%;

    overflow: hidden; }



.inner_page {

  overflow: hidden;

  padding-top: 5%;

  padding-bottom: 50px;

  background-color: #fff;

  position: relative;

  height: auto;

  z-index: 20;

  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);

}

  .inner_page .inner_page_bac {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    background-attachment: fixed;

    background-position: top;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: 1;

    filter: blur(5px);

    display: none; }

  .inner_page #second_inner_page_bac {

    filter: blur(1px); }

  .inner_page .inner_page_left {

    width: 280px;

    float: left;

    position: relative;

    z-index: 8; }

    .inner_page .inner_page_left .sidebar {

      width: 100%;

      height: auto; }

      .inner_page .inner_page_left .sidebar .sidebar_top {

        width: 100%;

        height: auto;

        background: #fff;

        border-radius: 4px; }

        .inner_page .inner_page_left .sidebar .sidebar_top p {

          width: 90%;

          margin-left: 5%;

          height: auto;

          line-height: 56px;

          border-radius: 4px;

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 22px;

          color: #fff;

          box-sizing: border-box;

          -moz-box-sizing: border-box;

          /* Firefox */

          -webkit-box-sizing: border-box;

          /* Safari*/

          padding-left: 15px;

          border-bottom: 1px solid #ccc;

          background: -webkit-linear-gradient(120deg, #292b2c, #63583a);

          background: -o-linear-gradient(120deg, #292b2c, #63583a);

          background: -moz-linear-gradient(120deg, #292b2c, #63583a);

          background: linear-gradient(120deg, #292b2c, #63583a); }

        .inner_page .inner_page_left .sidebar .sidebar_top .sidebar_li {

          width: 80%;

          margin-left: 5%;

          height: auto;

          padding-top: 15px;

          padding-bottom: 15px;

          border-bottom: 1px solid #ccc; }

          .inner_page .inner_page_left .sidebar .sidebar_top .sidebar_li a {

            width: 100%;

            height: 100%;

            display: block;

            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

            font-size: 16px;

            color: #444;

            position: relative;

            box-sizing: border-box;

            -moz-box-sizing: border-box;

            /* Firefox */

            -webkit-box-sizing: border-box;

            /* Safari*/

            transition: 0.5s;

            -moz-transition: 0.5s;

            -webkit-transition: 0.5s;

            -o-transition: 0.5s;

            transition-timing-function: ease;

            -moz-transition-timing-function: ease;

            /* Firefox 4 */

            -webkit-transition-timing-function: ease;

            /* Safari 和 Chrome */

            -o-transition-timing-function: ease;

            /* Opera */ }

            .inner_page .inner_page_left .sidebar .sidebar_top .sidebar_li a:before {

              content: '';

              position: absolute;

              top: 0;

              bottom: 0;

              margin: auto 0;

              left: 0;

              width: 0px;

              height: 1px;

              background: #292b2c;

              transition: 0.5s;

              -moz-transition: 0.5s;

              -webkit-transition: 0.5s;

              -o-transition: 0.5s;

              transition-timing-function: ease;

              -moz-transition-timing-function: ease;

              /* Firefox 4 */

              -webkit-transition-timing-function: ease;

              /* Safari 和 Chrome */

              -o-transition-timing-function: ease;

              /* Opera */ }

            .inner_page .inner_page_left .sidebar .sidebar_top .sidebar_li a:hover {

              padding-left: 20px;

              color: #292b2c; }

              .inner_page .inner_page_left .sidebar .sidebar_top .sidebar_li a:hover:before {

                width: 15px; }

          .inner_page .inner_page_left .sidebar .sidebar_top .sidebar_li:last-child {

            border-bottom: 0; }

      .inner_page .inner_page_left .sidebar .sidebar_contact {

        width: 100%;

        height: auto;

        background: #fff;

        border-radius: 4px;

        margin-top: 5px;

        padding-bottom: 15px;

        overflow: hidden; }

        .inner_page .inner_page_left .sidebar .sidebar_contact fieldset {

          border: 1px solid #ccc;

          width: 90%;

          box-sizing: border-box;

          -moz-box-sizing: border-box;

          /* Firefox */

          -webkit-box-sizing: border-box;

          /* Safari*/

          margin-left: 5%; }

          .inner_page .inner_page_left .sidebar .sidebar_contact fieldset legend {

            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

            font-size: 20px;

            color: #292b2c;

            margin-left: 10px; }

        .inner_page .inner_page_left .sidebar .sidebar_contact p {

          width: 90%;

          margin-left: 5%;

          height: 56px;

          line-height: 56px;

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 22px;

          color: #fff;

          border-bottom: 1px solid #ccc;

          padding-left: 15px;

          box-sizing: border-box;

          -moz-box-sizing: border-box;

          /* Firefox */

          -webkit-box-sizing: border-box;

          /* Safari*/

          background: -webkit-linear-gradient(120deg, #292b2c, #63583a);

          background: -o-linear-gradient(120deg, #292b2c, #63583a);

          background: -moz-linear-gradient(120deg, #292b2c, #63583a);

          background: linear-gradient(120deg, #292b2c, #63583a);

          border-radius: 4px; }

        .inner_page .inner_page_left .sidebar .sidebar_contact .slide_us {

          width: 90%;

          margin-left: 5%;

          line-height: 30px;

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 14px;

          color: #303030; }

          .inner_page .inner_page_left .sidebar .sidebar_contact .slide_us span {

            color: #FE0404; }

      .inner_page .inner_page_left .sidebar .sidebar_product {

        width: 100%;

        height: 250px; }

        .inner_page .inner_page_left .sidebar .sidebar_product .swiper-slide:hover a .pic img {

          transform: scale(1.1);

          -ms-transform: scale(1.1);

          -moz-transform: scale(1.1);

          -webkit-transform: scale(1.1);

          -o-transform: scale(1.1); }

        .inner_page .inner_page_left .sidebar .sidebar_product .swiper-slide a {

          position: relative;

          width: 100%;

          height: 100%;

          display: block;

          height: 220px; }

          .inner_page .inner_page_left .sidebar .sidebar_product .swiper-slide a .pic {

            width: 100%;

            height: 220px;

            overflow: hidden; }

            .inner_page .inner_page_left .sidebar .sidebar_product .swiper-slide a .pic img {

              transition: 0.5s;

              -moz-transition: 0.5s;

              -webkit-transition: 0.5s;

              -o-transition: 0.5s;

              transition-timing-function: ease;

              -moz-transition-timing-function: ease;

              /* Firefox 4 */

              -webkit-transition-timing-function: ease;

              /* Safari 和 Chrome */

              -o-transition-timing-function: ease;

              /* Opera */ }

          .inner_page .inner_page_left .sidebar .sidebar_product .swiper-slide a .word {

            width: 100%;

            height: 30px;

            line-height: 30px;

            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

            font-size: 14px;

            color: #fff;

            background: rgba(0, 0, 0, 0.7);

            text-align: center;

            position: absolute;

            bottom: 0; }

  .inner_page .inner_page_right {

    width: 900px;

    float: right;

    position: relative;

    z-index: 8; }

    .inner_page .inner_page_right .right_page_top {

      border-radius: 4px;

      width: 100%;

      box-sizing: border-box;

      -moz-box-sizing: border-box;

      /* Firefox */

      -webkit-box-sizing: border-box;

      /* Safari*/

      padding: 15px;

      background: -webkit-linear-gradient(120deg, #292b2c, #63583a);

      background: -o-linear-gradient(120deg, #292b2c, #63583a);

      background: -moz-linear-gradient(120deg, #292b2c, #63583a);

      background: linear-gradient(120deg, #292b2c, #63583a); }

      .inner_page .inner_page_right .right_page_top .inner_catname {

        text-align: left; }

        .inner_page .inner_page_right .right_page_top .inner_catname .inner_catname_c {

          color: #fff;

          font-size: 28px;

          margin-right: 5px;

          font-weight: lighter;

          padding-bottom: 4px;

          border-bottom: 1px solid rgba(255, 255, 255, 0.6);

          display: inline-block; }

        .inner_page .inner_page_right .right_page_top .inner_catname .inner_catname_e {

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 14px;

          color: #fff;

          font-weight: lighter;

          color: #fff;

          padding-top: 4px;

          display: block;

          text-transform: capitalize; }

    .inner_page .inner_page_right .right_page_bottom {

      padding: 15px;

      box-sizing: border-box;

      -moz-box-sizing: border-box;

      /* Firefox */

      -webkit-box-sizing: border-box;

      /* Safari*/

      border-radius: 4px;

      margin-top: 5px;

      background: #fff;

      *zoom: 1; }

      .inner_page .inner_page_right .right_page_bottom:before, .inner_page .inner_page_right .right_page_bottom:after {

        content: " ";

        display: table; }

      .inner_page .inner_page_right .right_page_bottom:after {

        clear: both; }

      .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top {

        *zoom: 1; }

        .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top:before, .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top:after {

          content: " ";

          display: table; }

        .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top:after {

          clear: both; }

        .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top #innerAlbum {

          width: 100%;

          float: left;

          margin-top: 4%;

        }

          .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top #innerAlbum .innerGalleryTop {

            /*border-bottom: 1px solid #ccc;*/

            padding-bottom: 8%; }

            .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top #innerAlbum .innerGalleryTop .swiper-slide {

              cursor: pointer; }

              .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top #innerAlbum .innerGalleryTop .swiper-slide .pic {

                width: 100%;

                height:500px;

                position: relative;

              }

.inner_page .inner_page_right .right_page_bottom .right_page_bottom_top #innerAlbum .innerGalleryTop .swiper-slide .pic img{

  max-width: 100%;

  max-height: 100%;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%,-50%);

}

.inner_page .inner_page_right .right_page_bottom .right_page_bottom_top #innerAlbum .innerpro-title{

  font-size:18px;

  text-align:center;

  margin:4% 0;

}

          .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top #innerAlbum .innerGalleryThumbs {

            padding-top: 10px; }

            .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top #innerAlbum .innerGalleryThumbs .swiper-slide {

              opacity: 0.2;

              transition: 0.5s;

              -moz-transition: 0.5s;

              -webkit-transition: 0.5s;

              -o-transition: 0.5s;

              transition-timing-function: ease;

              -moz-transition-timing-function: ease;

              /* Firefox 4 */

              -webkit-transition-timing-function: ease;

              /* Safari 和 Chrome */

              -o-transition-timing-function: ease;

              /* Opera */ }

              .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top #innerAlbum .innerGalleryThumbs .swiper-slide .pic {

                width: 100%;

                height: 85px; }

            .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top #innerAlbum .innerGalleryThumbs .swiper-slide-thumb-active {

              opacity: 1; }

        .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails {

          width: 36%;

          float: right; }

          .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a1 {

            width: 100%;

            height: 40px;

            line-height: 40px;

            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

            font-size: 23px;

            color: #292b2c;

            }

          .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a2 {

            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

            font-size: 15px;

            color: #333;

            line-height: 24px;

            padding:3% 0;

            height: 250px;

            overflow-y: auto;

             }

            .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a2 span {

              color: #292b2c; }

          .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a3 {

            border-top: 1px dotted #ccc;

            padding-top: 15px; }

            .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a3 i {

              font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

              font-size: 26px;

              color: #292b2c;

              display: inline-block;

              margin-right: 15px; }

            .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a3 span {

              font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

              font-size: 26px;

              color: #292b2c;

              font-family: thyFont2; }

          .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a4 {

            width: 100%;

            padding-top: 20px; }

            .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a4 .b1 {

              width: 200px;

              height: 40px; }

              .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a4 .b1 a {

                width: 100%;

                height: 100%;

                display: block;

                border-radius: 2px;

                background: #292b2c;

                line-height: 40px;

                text-align: center;

                font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

                font-size: 15px;

                color: #fff;

                transition: 0.5s;

                -moz-transition: 0.5s;

                -webkit-transition: 0.5s;

                -o-transition: 0.5s;

                transition-timing-function: ease;

                -moz-transition-timing-function: ease;

                /* Firefox 4 */

                -webkit-transition-timing-function: ease;

                /* Safari 和 Chrome */

                -o-transition-timing-function: ease;

                /* Opera */ }

                .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a4 .b1 a:hover {

                  box-shadow: 0 0 13px 1px rgba(255, 255, 255, 0.7) inset; }

          .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a5 {

            padding-top: 20px; }

      .inner_page .inner_page_right .right_page_bottom .other_product {

        padding-top: 20px;

        display: inline-block;

        padding-bottom: 5px;

        margin-bottom: 20px;

        border-bottom: 1px solid #292b2c; }

        .inner_page .inner_page_right .right_page_bottom .other_product .a1 {

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 22px;

          color: #292b2c; }

        .inner_page .inner_page_right .right_page_bottom .other_product .a2 {

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 13px;

          color: #888;

          text-transform: capitalize; }

      .inner_page .inner_page_right .right_page_bottom .other_product_list li {

        width: 100%;

        height: 200px;

        position: relative; }

        .inner_page .inner_page_right .right_page_bottom .other_product_list li a {

          width: 100%;

          height: 100%;

          display: block; }

        .inner_page .inner_page_right .right_page_bottom .other_product_list li:hover .pic {

          border-color: #292b2c; }

          .inner_page .inner_page_right .right_page_bottom .other_product_list li:hover .pic img {

            transform: scale(1.1);

            -ms-transform: scale(1.1);

            -moz-transform: scale(1.1);

            -webkit-transform: scale(1.1);

            -o-transform: scale(1.1); }

        .inner_page .inner_page_right .right_page_bottom .other_product_list li:hover .word {

          height: 40px; }

        .inner_page .inner_page_right .right_page_bottom .other_product_list li .pic {

          width: 100%;

          height: 200px;

          box-sizing: border-box;

          -moz-box-sizing: border-box;

          /* Firefox */

          -webkit-box-sizing: border-box;

          /* Safari*/

          border: 1px solid #c1c1c1;

          transition: 0.5s;

          -moz-transition: 0.5s;

          -webkit-transition: 0.5s;

          -o-transition: 0.5s;

          transition-timing-function: ease;

          -moz-transition-timing-function: ease;

          /* Firefox 4 */

          -webkit-transition-timing-function: ease;

          /* Safari 和 Chrome */

          -o-transition-timing-function: ease;

          /* Opera */

          overflow: hidden; }

          .inner_page .inner_page_right .right_page_bottom .other_product_list li .pic img {

            transition: 0.5s;

            -moz-transition: 0.5s;

            -webkit-transition: 0.5s;

            -o-transition: 0.5s;

            transition-timing-function: ease;

            -moz-transition-timing-function: ease;

            /* Firefox 4 */

            -webkit-transition-timing-function: ease;

            /* Safari 和 Chrome */

            -o-transition-timing-function: ease;

            /* Opera */ }

        .inner_page .inner_page_right .right_page_bottom .other_product_list li .word {

          width: 100%;

          height: 30px;

          background: rgba(0, 0, 0, 0.7);

          position: absolute;

          bottom: 0;

          transition: 0.5s;

          -moz-transition: 0.5s;

          -webkit-transition: 0.5s;

          -o-transition: 0.5s;

          transition-timing-function: ease;

          -moz-transition-timing-function: ease;

          /* Firefox 4 */

          -webkit-transition-timing-function: ease;

          /* Safari 和 Chrome */

          -o-transition-timing-function: ease;

          /* Opera */ }

          .inner_page .inner_page_right .right_page_bottom .other_product_list li .word .a1 {

            width: 100%;

            height: 30px;

            line-height: 30px;

            position: absolute;

            top: 0;

            bottom: 0;

            left: 0;

            right: 0;

            margin: auto;

            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

            font-size: 14px;

            color: #fff;

            text-align: center; }

      .inner_page .inner_page_right .right_page_bottom .other_case_list {

        width: 100%; }

        .inner_page .inner_page_right .right_page_bottom .other_case_list li {

          height: 200px;

          position: relative;

          overflow: hidden; }

          .inner_page .inner_page_right .right_page_bottom .other_case_list li a {

            width: 100%;

            height: 100%;

            display: block; }

          .inner_page .inner_page_right .right_page_bottom .other_case_list li:hover .pic img {

            transform: scale(1.1);

            -ms-transform: scale(1.1);

            -moz-transform: scale(1.1);

            -webkit-transform: scale(1.1);

            -o-transform: scale(1.1); }

          .inner_page .inner_page_right .right_page_bottom .other_case_list li:hover .word {

            bottom: 0;

            opacity: 1; }

          .inner_page .inner_page_right .right_page_bottom .other_case_list li .pic {

            height: 100%;

            width: 100%;

            overflow: hidden; }

            .inner_page .inner_page_right .right_page_bottom .other_case_list li .pic img {

              transition: 0.5s;

              -moz-transition: 0.5s;

              -webkit-transition: 0.5s;

              -o-transition: 0.5s;

              transition-timing-function: ease;

              -moz-transition-timing-function: ease;

              /* Firefox 4 */

              -webkit-transition-timing-function: ease;

              /* Safari 和 Chrome */

              -o-transition-timing-function: ease;

              /* Opera */ }

          .inner_page .inner_page_right .right_page_bottom .other_case_list li .word {

            width: 100%;

            height: 40px;

            position: absolute;

            bottom: -40px;

            transition: 0.5s;

            -moz-transition: 0.5s;

            -webkit-transition: 0.5s;

            -o-transition: 0.5s;

            transition-timing-function: ease;

            -moz-transition-timing-function: ease;

            /* Firefox 4 */

            -webkit-transition-timing-function: ease;

            /* Safari 和 Chrome */

            -o-transition-timing-function: ease;

            /* Opera */

            background: rgba(0, 0, 0, 0.6);

            z-index: 2;

            opacity: 0; }

            .inner_page .inner_page_right .right_page_bottom .other_case_list li .word .a1 {

              width: 100%;

              height: 40px;

              line-height: 40px;

              text-align: center;

              font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

              font-size: 14px;

              color: #fff; }

      .inner_page .inner_page_right .right_page_bottom .product_links {

        width: 100%;

        *zoom: 1; }

        .inner_page .inner_page_right .right_page_bottom .product_links:before, .inner_page .inner_page_right .right_page_bottom .product_links:after {

          content: " ";

          display: table; }

        .inner_page .inner_page_right .right_page_bottom .product_links:after {

          clear: both; }

        .inner_page .inner_page_right .right_page_bottom .product_links .left {

          width: 48%;

          float: left; }

          .inner_page .inner_page_right .right_page_bottom .product_links .left .inner_form .layui-input-block {

            margin-left: 0;

            width: 100%; }

          .inner_page .inner_page_right .right_page_bottom .product_links .left .inner_form .layui-input:focus {

            border-color: #292b2c !important; }

          .inner_page .inner_page_right .right_page_bottom .product_links .left .inner_form .layui-textarea:focus {

            border-color: #292b2c !important; }

        .inner_page .inner_page_right .right_page_bottom .product_links .right {

          width: 48%;

          float: right; }

          .inner_page .inner_page_right .right_page_bottom .product_links .right .inner_company_name {

            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

            font-size: 18px;

            color: #333; }

          .inner_page .inner_page_right .right_page_bottom .product_links .right .inner_company_name_en {

            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

            font-size: 12px;

            color: #666;

            text-transform: capitalize;

            margin-bottom: 8px; }

          .inner_page .inner_page_right .right_page_bottom .product_links .right .inner_contact_data {

            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

            font-size: 14px;

            color: #333;

            margin-bottom: 2px; }

          .inner_page .inner_page_right .right_page_bottom .product_links .right .inner_map {

            width: 100%;

            height: 100%; }

            .inner_page .inner_page_right .right_page_bottom .product_links .right .inner_map #inner_map {

              width: 100%;

              height: 100%; }

              .inner_page .inner_page_right .right_page_bottom .product_links .right .inner_map #inner_map .anchorBL {

                display: none; }



.s3_con {

  transition: 0.3s;

  -moz-transition: 0.3s;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  /* Firefox 4 */

  -webkit-transition-timing-function: ease;

  /* Safari 和 Chrome */

  -o-transition-timing-function: ease;

  /* Opera */

  cursor: pointer; }



.s3_con_on {

  color: #beb291 !important; }



.newslist {

  margin-top: 10px; }

  .newslist:after {

    *zoom: 1; }

    .newslist:after:before, .newslist:after:after {

      content: " ";

      display: table; }

    .newslist:after:after {

      clear: both; }

  .newslist li {

    width: 100%;

    float: left;

    margin-bottom: 10px;

    height: 150px; }

    .newslist li:hover .time span:last-child:after {

      width: 30px; }

    .newslist li:hover .time span:last-child {

      color: #292b2c; }

    .newslist li:hover .name:after {

      width: 100%; }

    .newslist li:hover .name {

      color: #292b2c;

      transform: translateX(10px);

      -ms-transform: translateX(10px);

      -moz-transform: translateX(10px);

      -webkit-transform: translateX(10px);

      -o-transform: translateX(10px); }

    .newslist li .time {

      transition: 0.5s;

      -moz-transition: 0.5s;

      -webkit-transition: 0.5s;

      -o-transition: 0.5s;

      transition-timing-function: ease;

      -moz-transition-timing-function: ease;

      /* Firefox 4 */

      -webkit-transition-timing-function: ease;

      /* Safari 和 Chrome */

      -o-transition-timing-function: ease;

      /* Opera */

      transition-delay: 0.2s;

      height: 30px;

      line-height: 30px;

      margin-bottom: 10px;

      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

      font-size: 16px;

      color: rgba(0, 0, 0, 0.9);

      font-family: thyFont3; }

      .newslist li .time span:last-child {

        margin-left: 50px;

        color: rgba(0, 0, 0, 0.7);

        position: relative;

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */

        transition-delay: 0.1s; }

        .newslist li .time span:last-child:before {

          transition: 0.5s;

          -moz-transition: 0.5s;

          -webkit-transition: 0.5s;

          -o-transition: 0.5s;

          transition-timing-function: ease;

          -moz-transition-timing-function: ease;

          /* Firefox 4 */

          -webkit-transition-timing-function: ease;

          /* Safari 和 Chrome */

          -o-transition-timing-function: ease;

          /* Opera */

          content: '';

          width: 30px;

          height: 1px;

          background: rgba(0, 0, 0, 0.5);

          position: absolute;

          left: -40px;

          top: 49%; }

        .newslist li .time span:last-child:after {

          transition: 0.5s;

          -moz-transition: 0.5s;

          -webkit-transition: 0.5s;

          -o-transition: 0.5s;

          transition-timing-function: ease;

          -moz-transition-timing-function: ease;

          /* Firefox 4 */

          -webkit-transition-timing-function: ease;

          /* Safari 和 Chrome */

          -o-transition-timing-function: ease;

          /* Opera */

          content: '';

          width: 0px;

          height: 1px;

          background: #292b2c;

          position: absolute;

          left: -40px;

          top: 49%; }

    .newslist li .name {

      height: 20px;

      line-height: 20px;

      padding-bottom: 15px;

      font-size: 16px;

      color: rgba(0, 0, 0, 0.8);

      transition: 0.5s;

      -moz-transition: 0.5s;

      -webkit-transition: 0.5s;

      -o-transition: 0.5s;

      transition-timing-function: ease;

      -moz-transition-timing-function: ease;

      /* Firefox 4 */

      -webkit-transition-timing-function: ease;

      /* Safari 和 Chrome */

      -o-transition-timing-function: ease;

      /* Opera */

      overflow: hidden;

      text-overflow: ellipsis;

      white-space: nowrap;

      position: relative; }

      .newslist li .name:after {

        content: '';

        position: absolute;

        bottom: 0px;

        width: 0%;

        height: 1px;

        background: #292b2c;

        left: 0;

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */ }

      .newslist li .name:before {

        content: '';

        position: absolute;

        bottom: 0px;

        width: 100%;

        height: 1px;

        background: rgba(0, 0, 0, 0.1);

        left: 0; }

    .newslist li .desc {

      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

      font-size: 14px;

      color: rgba(0, 0, 0, 0.6);

      margin-top: 15px;

      line-height: 26px;

      transition-delay: 0.1s;

      overflow: hidden;

      text-overflow: ellipsis;

      white-space: nowrap; }



.inner_news_title {

  font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

  font-size: 24px;

  color: #333;

  text-align: center;

  padding-top: 10px;

  padding-bottom: 10px; }



.inner_news_status {

  line-height: 30px;

  text-align: center;

  font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

  font-size: 12px;

  color: #333;

  margin-top: 20px;

  background: url("../images/news_bottom.jpg") no-repeat bottom;

  padding-bottom: 10px;

  background-size: 100% 9%;

}

  .inner_news_status span {

    padding-left: 5px;

    padding-right: 5px; }

    .inner_news_status span i {

      margin-right: 3px; }

  .inner_news_status .inner_news_status_back {

    display: inline-block;

    float: right; }



.inner_news_content p {

  background: none !important;

  font-size: 16px !important;

  font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif !important;

  line-height: 26px !important; }

  .inner_news_content p span {

    font-size: 16px !important;

    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif !important; }

.inner_news_content span {

  font-size: 16px !important;

  font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif !important; }

.inner_news_content img {

  max-width: 100% !important;

  margin-top: 5px !important;

  margin-bottom: 5px !important;

  display: block !important;

  margin: 0 auto; }



.inner_case_img p img {

  display: block;

  max-width: 100%;

  margin: 3% auto; }



.inner_jobs_detail {

  cursor: pointer; }

  .inner_jobs_detail i {

    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

    font-size: 14px;

    color: #666; }



.inner_jobs_request {

  display: none;

  height: 400px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  /* Firefox */

  -webkit-box-sizing: border-box;

  /* Safari*/

  padding: 10px; }

  .inner_jobs_request p {

    background: none !important;

    font-size: 16px !important;

    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif !important;

    line-height: 26px !important; }

    .inner_jobs_request p span {

      font-size: 16px !important;

      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif !important; }

  .inner_jobs_request span {

    font-size: 16px !important;

    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif !important; }

  .inner_jobs_request img {

    max-width: 100% !important;

    margin-top: 5px !important;

    margin-bottom: 5px !important;

    display: block !important;

    margin: 0 auto; }



.pro_style_jobs .layui-table th {

  background: #292b2c;

  color: #fff; }



.pro_style_1 {

  width: 100%;

  *zoom: 1; }

  .pro_style_1:before, .pro_style_1:after {

    content: " ";

    display: table; }

  .pro_style_1:after {

    clear: both; }

  .pro_style_1 li {

    width: 32.5%;

    height: auto;

    margin-right: 1.25%;

    float: left;

    margin-bottom: 15px;

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    /* Firefox 4 */

    -webkit-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -o-transition-timing-function: ease;

    /* Opera */

    box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1); }

    .pro_style_1 li:hover .pic img {

      transform: scale(1.15);

      -ms-transform: scale(1.15);

      -moz-transform: scale(1.15);

      -webkit-transform: scale(1.15);

      -o-transform: scale(1.15); }

    .pro_style_1 li:hover .pic:before {

      opacity: 1; }

    .pro_style_1 li:hover .pic:after {

      width: 85%;

      height: 85%;

      opacity: 1; }

    .pro_style_1 li .pic {

      width: 100%;

      height: 300px;

      overflow: hidden;

      position: relative; }

      .pro_style_1 li .pic img {

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */ }

      .pro_style_1 li .pic:before {

        content: '';

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        margin: auto;

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, 0.5);

        z-index: 3;

        opacity: 0;

        transition: 0.3s;

        -moz-transition: 0.3s;

        -webkit-transition: 0.3s;

        -o-transition: 0.3s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */ }

      .pro_style_1 li .pic:after {

        content: '';

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        margin: auto;

        width: 99%;

        height: 99%;

        border: 1px solid #fff;

        z-index: 4;

        background: none;

        opacity: 0;

        transition: 0.3s;

        -moz-transition: 0.3s;

        -webkit-transition: 0.3s;

        -o-transition: 0.3s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */ }

    .pro_style_1 li .word {

      width: 100%;

      height: 50px;

      box-sizing: border-box;

      -moz-box-sizing: border-box;

      /* Firefox */

      -webkit-box-sizing: border-box;

      /* Safari*/

      background: #fff;

      position: relative; }

      .pro_style_1 li .word .w1 {

        width: 80%;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

        line-height: 50px;

        font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

        font-size: 15px;

        color: #333;

        box-sizing: border-box;

        -moz-box-sizing: border-box;

        /* Firefox */

        -webkit-box-sizing: border-box;

        /* Safari*/

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */

        margin-left: 15px; }

      .pro_style_1 li .word .w2 {

        width: 30px;

        height: 30px;

        border-radius: 50%;

        position: absolute;

        top: 0;

        bottom: 0;

        margin: auto 0;

        text-align: center;

        line-height: 30px;

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */

        box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.2);

        opacity: 1;

        right: 15px; }

        .pro_style_1 li .word .w2 i {

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 14px;

          color: #666; }

    .pro_style_1 li:nth-child(3n) {

      margin-right: 0; }



.pro_style_2 {

  width: 100%; }

  .pro_style_2:after {

    *zoom: 1; }

    .pro_style_2:after:before, .pro_style_2:after:after {

      content: " ";

      display: table; }

    .pro_style_2:after:after {

      clear: both; }

  .pro_style_2 li {

    width: 32.5%;

    height: auto;

    margin-right: 1.25%;

    float: left;

    margin-bottom: 15px;

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    /* Firefox 4 */

    -webkit-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -o-transition-timing-function: ease;

    /* Opera */

    box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1); }

    .pro_style_2 li:hover .pic .mask {

      left: 15%;

      opacity: 1; }

    .pro_style_2 li:hover .pic img {

      transform: scale(1.15);

      -ms-transform: scale(1.15);

      -moz-transform: scale(1.15);

      -webkit-transform: scale(1.15);

      -o-transform: scale(1.15); }

    .pro_style_2 li:hover .pic:before {

      opacity: 1;

      top: 0; }

    .pro_style_2 li .pic {

      width: 100%;

      height: 250px;

      overflow: hidden;

      position: relative; }

      .pro_style_2 li .pic .mask {

        width: 70%;

        height: 100%;

        z-index: 5;

        font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

        font-size: 18px;

        color: #fff;

        font-weight: lighter;

        position: absolute;

        left: -70%;

        top: 0;

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */

        opacity: 0;

        line-height: 250px; }

        .pro_style_2 li .pic .mask:before {

          content: '';

          width: 20%;

          height: 1px;

          background: #fff;

          position: absolute;

          top: 0;

          bottom: 0;

          margin: auto 0;

          left: -24%; }

      .pro_style_2 li .pic img {

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */ }

      .pro_style_2 li .pic:before {

        content: '';

        position: absolute;

        left: 0;

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, 0.5);

        z-index: 3;

        opacity: 0;

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */

        top: 100%; }

    .pro_style_2 li .word {

      width: 100%;

      height: 50px;

      box-sizing: border-box;

      -moz-box-sizing: border-box;

      /* Firefox */

      -webkit-box-sizing: border-box;

      /* Safari*/

      background: #fff;

      position: relative; }

      .pro_style_2 li .word .w1 {

        width: 80%;

        line-height: 50px;

        font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

        font-size: 15px;

        color: #333;

        box-sizing: border-box;

        -moz-box-sizing: border-box;

        /* Firefox */

        -webkit-box-sizing: border-box;

        /* Safari*/

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */

        margin-left: 15px; }

      .pro_style_2 li .word .w2 {

        width: 30px;

        height: 30px;

        border-radius: 50%;

        position: absolute;

        top: 0;

        bottom: 0;

        margin: auto 0;

        text-align: center;

        line-height: 30px;

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        transition-timing-function: ease;

        -moz-transition-timing-function: ease;

        /* Firefox 4 */

        -webkit-transition-timing-function: ease;

        /* Safari 和 Chrome */

        -o-transition-timing-function: ease;

        /* Opera */

        box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.2);

        opacity: 1;

        right: 15px; }

        .pro_style_2 li .word .w2 i {

          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

          font-size: 14px;

          color: #666; }

    .pro_style_2 li:nth-child(3n) {

      margin-right: 0; }



.page {

  text-align: center;

  margin: 3% 0;

}

  .page span {

    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

    font-size: 14px;

    color: #888; }

  .page a {

    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

    font-size: 14px;

    color: #888;

    display: inline-block;

    /*width: 24px;

    height: 24px;*/

    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    /* Firefox */

    -webkit-box-sizing: border-box;

    /* Safari*/

    background: white;

    text-align: center;

    line-height: 24px;

    border-radius: 3px; }

    .page a:hover {

      color: #292b2c;

      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4) inset; }

      .page a:hover span {

        color: #292b2c; }

  .page .current {

    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

    font-size: 14px;

    color: white;

    display: inline-block;

    width: 24px;

    height: 24px;

    background: #292b2c;

    text-align: center;

    line-height: 24px;

    border-radius: 3px; }



.inner_map {

  width: 100%;

  height: 100%;

  overflow: hidden;

  margin-top: 20px;

  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3); }



.inner_contact_details p:nth-child(1) {

  font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

  font-size: 28px;

  color: #333;

  font-weight: lighter; }

.inner_contact_details p:nth-child(2) {

  font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

  font-size: 20px;

  color: #333;

  font-weight: lighter; }

.inner_contact_details .inner_contact_data {

  line-height: 24px;

  font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

  font-size: 15px;

  color: #333; }



.prev_next {

  zoom: 1;

  padding-top: 15px;

  padding-bottom: 5px; }

  .prev_next:after {

    *zoom: 1; }

    .prev_next:after:before, .prev_next:after:after {

      content: " ";

      display: table; }

    .prev_next:after:after {

      clear: both; }

  .prev_next li {

    width: 50%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    height: 40px;

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    /* Firefox 4 */

    -webkit-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -o-transition-timing-function: ease;

    /* Opera */ }

    .prev_next li .layui-icon {

      padding-left: 5px;

      padding-right: 5px;

      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

      font-size: 14px;

      color: #333;

      transition: 0.3s;

      -moz-transition: 0.3s;

      -webkit-transition: 0.3s;

      -o-transition: 0.3s;

      transition-timing-function: ease;

      -moz-transition-timing-function: ease;

      /* Firefox 4 */

      -webkit-transition-timing-function: ease;

      /* Safari 和 Chrome */

      -o-transition-timing-function: ease;

      /* Opera */

      line-height: 40px; }

    .prev_next li:first-child {

      float: left;

      text-align: left; }

      .prev_next li:first-child a {

        float: right; }

    .prev_next li:last-child {

      float: right;

      text-align: right; }

      .prev_next li:last-child a {

        float: left; }

    .prev_next li a {

      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;

      font-size: 14px;

      color: #333;

      transition: 0.5s;

      -moz-transition: 0.5s;

      -webkit-transition: 0.5s;

      -o-transition: 0.5s;

      transition-timing-function: ease;

      -moz-transition-timing-function: ease;

      /* Firefox 4 */

      -webkit-transition-timing-function: ease;

      /* Safari 和 Chrome */

      -o-transition-timing-function: ease;

      /* Opera */

      width: 80%;

      display: inline-block;

      overflow: hidden;

      text-overflow: ellipsis;

      white-space: nowrap;

      height: 40px;

      line-height: 40px; }

      .prev_next li:hover{

        color: #fff;

      }



    .prev_next li:first-child:hover .layui-icon {

      /*padding-left: 15px;*/ }

    .prev_next li:first-child:hover a {

      transform: translateX(-8px);

      -ms-transform: translateX(-8px);

      -moz-transform: translateX(-8px);

      -webkit-transform: translateX(-8px);

      -o-transform: translateX(-8px);

      }

    .prev_next li:last-child:hover .layui-icon {

      padding-right: 15px; }

    .prev_next li:last-child:hover a {

      transform: translateX(-8px);

      -ms-transform: translateX(-8px);

      -moz-transform: translateX(-8px);

      -webkit-transform: translateX(-8px);

      -o-transform: translateX(-8px); }

    .prev_next li:hover {

      background: rgba(0, 0, 0, 0.9); }

      .prev_next li:hover a {

        color: #fff; }

      .prev_next li:hover .layui-icon {

        color: #fff; }



.inner_form .layui-btn {

  background-color: #292b2c; }

.inner_form .layui-btn-primary {

  background-color: white; }

  .inner_form .layui-btn-primary:hover {

    border-color: #292b2c; }



/*# sourceMappingURL=index.css.map */





/*新首页*/



.titlebox{

  width:100%;

  text-align:center;

  margin-bottom:3%;

}

.titlebox .fir{

  font-size:36px;

  color:#323232;

  font-weight: 700;

  margin-bottom:1%;

}

.titlebox .fir i{

  display: inline-block;

  font-size:18px;

  color: #323232;

  font-style: inherit;

}

.titlebox .fir em{

  color: #323232;

  font-size: 48px;

  font-family: thyFont3;

  display: inline-block;

  margin:0 1%;

  font-weight: 700;

}

.titlebox .fir span{

  color:#2240b4;

}

.titlebox .sec{

  font-size:20px;

  color:#898989;

  letter-spacing: 2px;

}

/*slide1*/

.banner .swiper-slide1 .slide-inner .banner-inner{

  width:100%;

  position: absolute;

  top:0;

  bottom:0;

  left:0;

  right:0;

  margin:auto;

  z-index: 3;

}

.banner .swiper-slide1 .slide-inner .bg-zhe{

  position: absolute;

  width:100%;

  height: 100%;

  object-fit: cover;

  z-index: 2;

  left:0;

  top:0;

  background:url("../images/bg_04.png") no-repeat center / cover;

}

.banner .swiper-slide1 .slide-inner .text{

  position: absolute;

  width:76%;

  top:35%;

  left:12%;

  text-align:left;

  color:#fff;

}

.banner .swiper-slide1 .slide-inner .text .fir:before{

  display: block;

  content: '';

  width: 40px;

  height: 1px;

  background: #fff;

  margin-bottom: 2%;

}

.banner .swiper-slide1 .slide-inner .text .fir{

  letter-spacing: 2px;

  color: #ffffff;

  font-size:40px;

  transform:translateY(100px);

  opacity: 0;

  transition:all 1s;

  font-weight: 100;

}

.banner .swiper-slide1 .slide-inner .text .sec{

  color: #ffffff;

  font-size:18px;

  margin:2% 0  3% 0;

  transform:translateY(100px);

  opacity: 0;

  transition:all 1s;

  transition-delay: 0.5s;

}

.banner .swiper-slide1 .slide-inner .text a{

  display: block;

  width: 120px;

  height: 35px;

  line-height:35px;

  text-align: center;

  background: #cf1a1a;

  color:#fff;

  opacity: 0;

  transform:translateY(100px);

  transition:all 1s;

  transition-delay: 1s;

}

.banner .swiper-slide1.text_move .slide-inner .text .fir{

  transform:translateY(0);

  opacity:1;

}

.banner .swiper-slide1.text_move .slide-inner .text .sec{

  transform:translateY(0);

  opacity:1;

}

.banner .swiper-slide1.text_move .slide-inner .text a{

  transform:translateY(0);

  opacity:1;

}

.banner .swiper-slide1 .slide-inner .text .jian{

  width:66px;

  height: 66px;

  border:1px solid #fff;

  background: url("../images/banner-jian.png") no-repeat center;

  margin:0 auto;

  transform:translateY(100px);

  opacity: 0;

  transition:all 1s;

  transition-delay:1s;

}

.banner .swiper-slide1.text_move .slide-inner .text .jian{

  transform:translateY(0);

  opacity:1;

}

/*slide2*/

.banner .swiper-slide2 .slide-inner .banner-inner{

  width:100%;

  position: absolute;

  top:0;

  bottom:0;

  left:0;

  right:0;

  margin:auto;

  z-index: 3;

}

.banner .swiper-slide2 .slide-inner .bg-zhe{

  position: absolute;

  width:100%;

  height: 100%;

  object-fit: cover;

  z-index: 2;

  left:0;

  top:0;

  background:url("../images/bg_04.png") no-repeat center / cover;

}

.banner .swiper-slide2 .slide-inner .text{

  position: absolute;

  width:76%;

  top:35%;

  right:12%;

  text-align:right;

  color:#fff;

}



.banner .swiper-slide2 .slide-inner .text .fir{

  letter-spacing: 2px;

  color: #ffffff;

  font-size:40px;

  transform:translateY(100px);

  opacity: 0;

  transition:all 1s;

  font-weight: 100;

}

.banner .swiper-slide2 .slide-inner .text .sec{

  color: #ffffff;

  font-size:18px;

  margin:2% 0  3% 0;

  transform:translateY(100px);

  opacity: 0;

  transition:all 1s;

  transition-delay: 0.5s;

}

.banner .swiper-slide2 .slide-inner .text a{

  display: block;

  width: 120px;

  height: 35px;

  line-height:35px;

  text-align: center;

  background: #cf1a1a;

  color:#fff;

  opacity: 0;

  transform:translateY(100px);

  transition:all 1s;

  transition-delay: 1s;

  float: right;

}

.banner .swiper-slide2.text_move .slide-inner .text .fir{

  transform:translateY(0);

  opacity:1;

}

.banner .swiper-slide2.text_move .slide-inner .text .sec{

  transform:translateY(0);

  opacity:1;

}

.banner .swiper-slide2.text_move .slide-inner .text a{

  transform:translateY(0);

  opacity:1;

}

/*slide3*/

.banner .swiper-slide3 .slide-inner .banner-inner{

  width:100%;

  position: absolute;

  top:0;

  bottom:0;

  left:0;

  right:0;

  margin:auto;

  z-index: 3;

}

.banner .swiper-slide3 .slide-inner .bg-zhe{

  position: absolute;

  width:100%;

  height: 100%;

  object-fit: cover;

  z-index: 2;

  left:0;

  top:0;

  background:url("../images/bg_04.png") no-repeat center / cover;

}

.banner .swiper-slide3 .slide-inner .text{

  position: absolute;

  width:76%;

  top:48%;

  left: 50%;

  text-align:center;

  color:#fff;

  transform:translate(-50%,-50%);

}

.banner .swiper-slide3 .slide-inner .text .fir:before{

  display: block;

  content: '';

  width: 40px;

  height: 1px;

  background: #fff;

  margin: 0 auto;

  margin-bottom: 2%;

}



.banner .swiper-slide3 .slide-inner .text .fir{

  letter-spacing: 2px;

  color: #ffffff;

  font-size:40px;

  transform:translateY(100px);

  opacity: 0;

  transition:all 1s;

  font-weight: 100;

}

.banner .swiper-slide3 .slide-inner .text .sec{

  color: #ffffff;

  font-size:18px;

  margin:2% 0  3% 0;

  transform:translateY(100px);

  opacity: 0;

  transition:all 1s;

  transition-delay: 0.5s;

}

.banner .swiper-slide3 .slide-inner .text a{

  display: block;

  width: 120px;

  height: 35px;

  line-height:35px;

  text-align: center;

  background: #cf1a1a;

  color:#fff;

  opacity: 0;

  transform:translateY(100px);

  transition:all 1s;

  transition-delay: 1s;

  margin: 0 auto;

}

.banner .swiper-slide3.text_move .slide-inner .text .fir{

  transform:translateY(0);

  opacity:1;

}

.banner .swiper-slide3.text_move .slide-inner .text .sec{

  transform:translateY(0);

  opacity:1;

}

.banner .swiper-slide3.text_move .slide-inner .text a{

  transform:translateY(0);

  opacity:1;

}





.anniu{

  position: absolute;

  right: 12%;

  bottom: 0;

  background: #fff;

  width: 330px;

  height: 73px;

  z-index: 99;

}

.ban-dian{

  color: #383838;

  font-size: 16px;

  line-height: 50px;

  text-align: left;

  padding-left: 20%;

}

.ban-prev{

  width: 20px;

  height: 20px;

  background-size: 20px 20px;

  left: 65%;

  top: 68%;

  outline: none;

  background: url(../images/hezuo-left.png) no-repeat center center;

}

.ban-next{

  width: 20px;

  height: 20px;

  background-size: 20px 20px;

  top: 68%;

  right: 30px;

  outline: none;

  background: url(../images/hezuo-right.png) no-repeat center center;

}



/*小箭头动画*/



@keyframes p_move{

  from{

    transform: translate(0,0);

    -webkit-transform: translate(0,0);

    opacity: 1;

  }

  to{

    transform: translate(0,20px);

    -webkit-transform: translate(0,20px);

    opacity:0.5;

  }

}

@-webkit-keyframes p_move{

  from{

    transform: translate(0,0);

    -webkit-transform: translate(0,0);

    opacity: 1;

  }

  to{

    transform: translate(0,20px);

    -webkit-transform: translate(0,20px);

    opacity: 0.5;

  }

}

.banner .swiper-slide1 .slide-inner .text .biao{

  width:25px;

  height: 57px;

  background: url("../images/shubiao.png") no-repeat center;

  margin:7% auto 0 auto;

  transform:translateY(100px);

  opacity: 0;

  transition:all 1s;

  transition-delay:1.5s;

  animation: p_move 1000ms ease-in-out infinite alternate;

}

.banner .swiper-slide1.text_move .slide-inner .text .biao{

  transform:translateY(0);

  opacity:1;

}

.nav .xialasousuo{

  position: absolute;

  width:100%;

  left:0;

  top:100%;

  background: #fff;

  display: none;

}

.nav{

 

  width:100%;

  left:0;

  top:40px;

  z-index: 1000;

  transition: all 300ms ease-in-out;

  -webkit-transform: all 1000ms ease-in-out;
  background:#0463c9;

}
.nav_tit{ position:relative; width:100%;}
.nav .nav-inner{

 

  margin:0 auto;



}

.nav .nav-inner .nav-logo{

  float: left;

  width:26%;

 

}

.nav .nav-inner .nav-logo .logo2{

  display: none;

}

.nav .nav-inner .nav-logo .logo1{

  margin-top: 34px;
  margin-bottom: 30px;
}

.nav .nav-inner .nav-logo img{

  max-width: 100%;

}

.nav .nav-inner .nav-daohang{

 

  width: 100%;

 

 

}

.nav.scroll{

  box-shadow: 0 0 10px #fff;

  background:#0463c9;

  top:0;
	position: fixed;
	

}

.nav.scroll .nav-inner .nav-daohang{

  background: none;

}

.nav.scroll .nav-inner .nav-logo .logo1{



}

.nav.scroll .nav-inner .nav-daohang ul li a{

 
}

.nav.scroll .tel{

  background: none;

}

#thyNavStyle {

  color: #cf1a1a;

  font-weight: 700;

}



.nav .nav-inner .nav-daohang ul li{

  float: left;

  margin-right:11%;

}
.nav .nav-inner .nav-daohang ul li:nth-of-type(7){ margin-right:0px;}
.nav .nav-inner .nav-daohang ul li a{

  display: block;

  line-height: 65px;

  position: relative;

  text-align:center;

  font-size:16px;

  color:#fff;

}



.nav .nav-inner .nav-daohang ul li:hover>a{

  color:#e35c16;

  font-weight: 700;

}



.nav .nav-inner .nav-daohang ul li a .xiala_nav{position:absolute; left:0; top:100%; width:100%; background:url(/images/xiala_bg.jpg) no-repeat center; height:373px;/* box-shadow:0px 2px 13px 1px rgba(0,0,0,0.2) inset;*/ display:none; z-index: 9999;}
.nav .nav-inner .nav-daohang ul li a .xiala_nav .left{float:left; width:75%; padding-top:53px;}
.nav .nav-inner .nav-daohang ul li a .xiala_nav .left .rect-6219{padding-bottom:62.19%;}
.nav .nav-inner .nav-daohang ul li a .xiala_nav .left .nav_infor{float:left; width:55%;}
.nav .nav-inner .nav-daohang ul li a .xiala_nav .left .nav_infor .t{font-size:35px; color:#666; font-weight:bold; line-height:35px; margin-bottom:30px;}
.nav .nav-inner .nav-daohang ul li a .xiala_nav .left .nav_infor .c{font-size:14px; color:#666; line-height:25px; margin-bottom:17px;}
.nav .nav-inner .nav-daohang ul li a .xiala_nav .left .nav_infor .list li{float:left; width:33%; font-size:16px; line-height:34px; color:#666;}
.nav .nav-inner .nav-daohang ul li a .xiala_nav .left .nav_infor .list li a:hover{color:#ffd237;}
.nav .nav-inner .nav-daohang ul li a .xiala_nav .left .nav_img{float:right; width:33%; padding-top:54px; padding-right:5%;}
.nav .nav-inner .nav-daohang ul li a .xiala_nav .right{width:25%; float:left;}
.nav .nav-inner .nav-daohang ul li a .xiala_nav .right .r_infor{padding-top:100px; padding-left:16%;}
.nav .nav-inner .nav-daohang ul li a .xiala_nav .right .r_infor dt{font-size:28px; font-weight:bold; color:#fff; line-height:28px; margin-bottom:24px;}
.nav .nav-inner .nav-daohang ul li a .xiala_nav .right .r_infor dd{font-size:22px; font-weight:bold; color:#fff; line-height:28px; margin-bottom:24px;}
.nav .nav-inner .nav-daohang ul li a .xiala_nav .right .r_infor dd a:hover{color:#facd00;}












.nav .tel{

  float: right;

  width:13%;

  height: 75px;

  position: relative;

  background: #fff;

}

.nav .wrapper>.tel:after{

  display: block;

  content:"";

  position: absolute;

  width:1px;

  height: 20px;

  background-color: #d3d3d3;

  left:-14%;

  top:50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}

.nav .tel a{

  display: block;

  float: left;

  width:18%;

  height: 100%;

  position: relative;



}

.nav .tel a.weixin{

  background: url("../images/wx.png") no-repeat center;

}

.nav .tel a.mes{

  background: url("../images/mes.png") no-repeat center;

}

.nav .tel a.add{

  background: url("../images/add.png") no-repeat center;

}

.nav .tel a.sousuo{

  background: url("../images/nav-right4.png") no-repeat center;

}

.nav .tel a.click{

  background: url("../images/nav-right44.png") no-repeat center;

}



.nav .nav-inner .nav-daohang ul li .erji{

  width:360px;

  height: 240px;

  position: absolute;

  top:100%;

  left:50%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  background: #f3f3f3;

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

  opacity: 0;

  visibility: hidden;

  box-shadow: 0px 0px 5px #a5a5a5;

}

.nav .nav-inner .nav-daohang ul li:hover .erji{

  opacity: 1;

  visibility: visible;

}

.nav .nav-inner .nav-daohang ul li .erji .imgbox{

  float: left;

  width:70%;

  color: #373737;

  line-height: 44px;

  font-size: 14px;

}

.nav .nav-inner .nav-daohang ul li .erji .imgbox img{

  width:100%;

}

.nav .nav-inner .nav-daohang ul li .erji .abox{

  float: left;

  width:30%;

  padding-top: 8%;

}

.nav .nav-inner .nav-daohang ul li .erji .abox a{

  display: block;

  color: #555555;

  font-size: 14px;

  line-height: 34px;

}

.nav .nav-inner .nav-daohang ul li .erji .abox a:hover{

  color:#2240b4;

}

/*产品中心*/

.in-pro{

  width: 100%;

  padding-top: 4%;

  position: relative;

  background: url(../images/case_bg.png) no-repeat center center;

}

.p-title{

  text-align: left;

  position: absolute;

  left: 0;

  z-index: 100;

}

.p-title h3{

  color: #191919;

  font-size: 30px;

  font-weight: 100;

  padding-bottom: 0.5%;

}

.p-title small{

  color: #cfcfcf;

  font-size: 20px;

  font-weight: 100;

}

.pro{

  position: relative;

  width: 100%;

  padding-bottom: 2%; 

}

.pro-type{

  width: 100%;

  position: absolute;

  bottom:0;

  border-bottom: 1px dashed #bdbcbc;

}

.pro-type ul .on a{

  color: #cf1a1a;

  font-weight: bold;

  overflow: hidden;

  text-overflow:ellipsis;

  white-space: nowrap;

}

.pro-type ul li{

  float: left;

  width: 16%;

  text-align: center;

  position: relative;

}

.pro-type ul li:after{

  display: block;

  content: '';

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: #cf1a1a;

  position: absolute;

  left: 50%;

  top: 95%;

  transform:translateX(-50%);

}

.pro-type ul li a{

  color: #191919;

  font-size: 16px;

  line-height: 55px;

  overflow: hidden;

  text-overflow:ellipsis;

  white-space: nowrap;



}

.pro-list{

  position: relative;



}

.p-img{

  width: 42%;

  position: relative;

  float: left;

  z-index: 10;

 /* height: 550px;*/

 



}

.p-img img{

  display: block;

  width: 100%;

  height: 100%;

  object-fit:contain;

}

.p-text{

  width: 49%;
  position: absolute;
  right: 0;
  background:url(../images/kuang.png) no-repeat right;

  padding-top:2%;
	 padding-right:2%;

  height: 565px;
	margin-top: 37px;


}

.biaoti{

  width: 100%;

  background: url(../images/jia.png) no-repeat center right;

  line-height:50px;

}

.biaoti p{

  color: #fff;

  font-size: 18px;

}

.biaoti strong{

  color: #fff;

  font-size: 40px;

  text-transform: uppercase;

}

.neirong{

  margin-top: 4%;

  color: #fff;

  font-size: 16px;

  line-height: 35px;

  font-weight: 100;

  max-height: 200px;

  overflow-y:auto;



}

.pro-next{

  width: 50px;

  height: 50px;

  background: url(../images/pro-next.png) no-repeat center center;

  right: 38px;

  top: 80.5%;

}

.pro-prev{

  width: 50px;

  height: 50px;

  background: url(../images/pro-prev.png) no-repeat center center;

  left: 90%; 

 top: 80.5%;

}

/*公司简介*/

.in-com{

  position: relative;

  width: 100%;

  padding: 5% 0 4% 0;

  background: #f6f6f6;

}

.company-left{

  width: 60%;

  float: left;

  position: relative;

  z-index: 10;

}

.c-title{

  text-align: left;

}

.c-title h3{

  color: #191919;

  font-size: 30px;

  font-weight: 100;

  padding-bottom: 0.5%;

}

.c-title small{

  color: #cfcfcf;

  font-size: 20px;

  font-weight: 100;

}



.c-neirong{

  width: 62%;

  padding-top: 8%;

  padding-bottom: 15%;

}

.c-neirong h3{

  color: #202020;

  font-size: 28px;

}

.c-neirong p{

  color: #202020;

  font-size: 16px;

  line-height: 30px;

  font-weight: 100;

  padding: 10% 0 8% 0;

}

.c-neirong a{

  display: block;

  width: 120px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  background: #cf1a1a;

  color: #fff;

}

.line-h{

  width: 1px;

  height: 250px;

  background: #fff;

  position: absolute;

  z-index: 20;

  left: 10%;

  top: 45%;

}



.company-right{

  width: 43%;

  position: absolute;

  right: 0;

}

.cr-img{

  width: 100%;

  height: 900px;

  overflow: hidden;

}

.cr-img img{

  display: block;

  width: 100%;

  height: 100%;

  object-fit:cover;

}

.cr-text{

  width: 100%;

  padding: 18% 20% 5% 20%;

  position: absolute;

  top: 0;

  line-height:130px;

  text-align: right;

}

.cr-text p{

  color: #fff;

  font-size: 34px;

}

.cr-text p span{

  color: #f42222;

}

/*媒体新闻*/

.in-news{

  position: relative;

  width: 100%;

  padding:0 0 5% 0;

  background: #f6f6f6;

}

.n-title{

  text-align: center;

}

.n-title h3{

  color: #161616;

  font-size: 30px;

}

.n-title p{

  color: #afafaf;

  font-size: 20px;

}

.n-list{

  width: 100%;

  margin-top: 2%;

}

.n-list ul .swiper-slide{

  width: 23%;

  float: left;

  margin-right: 2%;

}

.n-list ul .swiper-slide:last-child{

  margin-right: 0;

}

.n-img{

  width: 100%;

  height: 215px;

  background: #eee;

}

.n-img img{

  display: block;

  width: 100%;

  height: 100%;

  object-fit:cover;

}

.n-text{

  padding-top: 10px;

}

.n-text h3{

  color: #2c2c2c;

  font-size: 20px;

}

.n-text p{

  color: #acacac;

  font-size: 16px;

  padding: 10px 0;

}

.n-text p strong{

  font-size: 24px;

  font-weight: 100;

}

.n-text span{

  color: #2c2c2c;

  font-size: 14px;

}

/*在线留言*/

.in-mes{

  width: 100%;

  background: url(../images/inmes.jpg) no-repeat center center;

  padding: 5% 0;

}

.mes-left{

  width: 65.5%;

  background: #fff;

  padding: 3% 5%;

  float: left;

  height: 465px;

}

.mes-left h3{

  color: #000000;

  font-size: 26px;

}

.mes-left p{

  color: #949494;

  font-size: 14px;

  padding-top: 20px;

  padding-bottom: 30px;

}

.mes-left form{

  box-sizing:border-box;

  -moz-box-sizing:border-box; /* Firefox */

  -webkit-box-sizing:border-box; /* Safari */

}

.mes-left input{

  width: 49%;

  margin-right: 2%;

  float: left;

  line-height: 45px;

  border: 1px solid #dcdcdc;

  margin-bottom: 2%;

  text-indent: 20px;

}

.mes-left input:nth-child(2n){

  margin-right: 0;

}

.mes-left textarea{

  border:1px solid #dcdcdc;

  text-indent: 7px;

}

.mes-left button{

  display: block;

  width: 120px;

  height: 38px;

  line-height: 38px;

  text-align:center;

  background: #cf1a1a;

  font-size: 14px;

  color: #fff;

  border:none;

  margin-top: 2%;

  border-radius: 3px;

}

.mes-right{

  width: 34%;

  padding: 3% 5%;

  background: #fff;

  float: right;

  height: 465px;

}

.mes-right h3{

  color: #000000;

  font-size: 26px;



}

.mes-right ul{

  margin: 0 auto;

  height: 100%;

}

.mes-right ul li{

  width: 100%;

  height: 33%;

  border-bottom: 1px solid #dcdcdc;

  position: relative;

}

.mes-right ul li .tit{

  position: absolute;

  letter-spacing: 50%;

  top: 50%;

  left: 50%;

  transform:translate(-50%,-50%);

  width: 100%;

}

.mes-right ul li strong{

  color: #181818;

  padding-left: 30px;

  font-size: 18px;

}

.mes-right ul li p{

  color: #181818;

  font-size: 16px;

  font-weight: 100;

  padding-left: 30px;

}

.mes-right ul li:nth-child(1){

  background: url(../images/mes-add.png) no-repeat left top 50%;

}

.mes-right ul li:nth-child(2){

  background: url(../images/mes-tel.png) no-repeat left top 50%;

}

.mes-right ul li:nth-child(3){

  background: url(../images/mes-fax.png) no-repeat left top 50%;

  border-bottom: none;

}

















.company {

  padding:5% 0 8% 0;

  background: #f6f6f6;

  position: relative;

}

.company .c-left{

  float: left;

  width:40%;

}

.c-titlebox{

  position: relative;

  padding-left: 2%;

}





.c-titlebox .fir{

  color: #858585;

  font-size: 48px;

  font-weight: lighter;

  font-family: 'thyFont6';

}

.c-titlebox .sec{

  color: #1d1d1d;

  font-size: 26px;

  font-weight: 700;

  margin-top: 0.5%;

}

.company .c-left .c-titleboxsec{

  margin-top: 9%;

}

.company .c-left .c-titleboxsec .fir{

  color: #7f7f7f;

  font-size: 20px;

  position: relative;

  padding-bottom: 2%;

}

.company .c-left .c-titleboxsec .fir i{

  display: block;

  position: absolute;

  width:10%;

  height: 2px;

  background-color: #e35c16;

  bottom:0;

  left:0;

  -webkit-animation: line 5s linear 1000s infinite alternate;

  animation: line 5s linear 1000ms infinite alternate;

}



.company .c-left .c-titleboxsec  .shuzi-list{

  float: left;

  width:25%;

  text-align:center;

  margin:10% 0;

}

.company .c-left .c-titleboxsec  .shuzi-list .sfir{

  position: relative;

}

.company .c-left .c-titleboxsec  .shuzi-list .sfir em{

  display:block;

  font-size:30px;

  position: absolute;

  top:0;

}

.company .c-left .c-titleboxsec  .shuzi-list:nth-child(1) .sfir em{

  right:21%;

}

.company .c-left .c-titleboxsec  .shuzi-list:nth-child(2) .sfir em{

  right:11%;

}

.company .c-left .c-titleboxsec  .shuzi-list:nth-child(3) .sfir em{

  right: 31%;

  top: inherit;

  bottom: 20%;

  font-size: 19px;

  font-weight: 700;

}

.company .c-left .c-titleboxsec  .shuzi-list .sfir span{

  color: #000000;

  font-size:50px;

  font-weight: 700;

  font-family: thyFont3;

}

.company .c-left .c-titleboxsec  .shuzi-list .ssec{

  color: #7f7f7f;

  font-size: 16px;

}

.company .c-left .c-titleboxsec .thr{

  color: #7f7f7f;

  line-height: 30px;

  font-size: 16px;

  margin: 7% 0;

}

.company .c-left a{

  display: block;

  width: 59px;

  height: 59px;

  background: #e35c16 url("../images/com-jian.png") no-repeat center;

  transition: 600ms 0s all ease;

}

.company .c-left a:hover{

  margin-left:3%;

  box-shadow: 0px 0px 5px #e35c16;

}

.company .c-right{

  float: right;

  width:56%;

  position: relative;

  height:650px;

}

@-webkit-imgScale{

  from{

    transform: scale(1);

    -webkit-transform: scale(1);

  }

  to{

    transform: scale(1.15);

    -webkit-transform: scale(1.15);

  }

}

@keyframes imgScale{

  from{

    transform: scale(1);

    -webkit-transform: scale(1);

  }

  to{

    transform: scale(1.15);

    -webkit-transform: scale(1.15);

  }

}

.company .c-right .img1{

  width:100%;

  height: 580px;

  overflow: hidden;

  margin-top: 21px;

}

.company .c-right .img1 img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  animation: imgScale 10s ease-in-out infinite alternate;

  -webkit-animation: imgScale 10s ease-in-out infinite alternate;

  transition: all 2s;

}

.company .c-right .img2{

  position: absolute;

  width: 275px;

  height: 408px;

  background-color: rgba(27,42,118,0.9);

  left:0;

  bottom:0;

  text-align:center;

  color:#fff;

  display: none;

}

.company .c-right .img2 .fir{

  font-size: 26px;

  color:#fff;

  font-weight: 700;

  margin-top: 53%;

}

.company .c-right .img2 .sec{

  font-size: 16px;

  color:#fff;

  margin-top: 2%;

}

.company .c-right .img3{

  position: absolute;

  width: 42px;

  height: 42px;

  background-color:rgba(21,21,21,0.85);

  right:0;

  top:0;



}

.company .c-right .thr{

  position: absolute;

  bottom:0;

  left:37%;

  color: #151515;

  font-size: 20px;

}

.company-news{

  position: absolute;

  right:0;

  top:-5%;

}

.company-news-lunbo{

  width: 738px;

  height: 83px;

  background-color: #e35c16;

}

.swiper-container-company-news{

  height: 100%;

}

.swiper-container-company-news .siper-inner{

  width:100%;

  height: 100%;

  padding:0 10%;

}

.swiper-container-company-news .siper-inner .title{

  float: left;

  font-size: 16px;

  color:#fff;

  line-height: 83px;

}

.swiper-container-company-news .siper-inner .sec{

  float: left;

  font-size: 16px;

  color:#fff;

  line-height: 83px;

  margin-left: 4%;

}

.swiper-button-next-com-news{

  right:inherit;

  left: 4%;

  bottom: 24%;

  top: inherit;

  width:15px;

  height: 13px;

  background: url("../images/com-news-right.png") no-repeat center;

}

.swiper-button-prev-com-news{

  right:inherit;

  left: 4%;

  right: inherit;

  top: 51%;

  width:15px;

  height: 13px;

  background: url("../images/com-news-left.png") no-repeat center;

}



/*产品一览*/

.chanping{

  padding:6% 0;

}

.chanping .cp-left{

  float: left;

  width:50%;

  position: relative;

  margin-top:3%;

  /*height: 650px;*/

}

.chanping .cp-left .img1{

  width:100%;

  overflow: hidden;

  position: relative;

}

.chanping .cp-left .img1 img{

  max-width:100%;

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

}

/*.chanping .cp-left:hover .img1 img{

  -webkit-transform: scale(1.05) translateZ(0);

  -moz-transform: scale(1.05) translateZ(0);

  -ms-transform: scale(1.05) translateZ(0);

  -o-transform: scale(1.05) translateZ(0);

  transform: scale(1.05) translateZ(0);

}*/

.chanping .cp-left .img1 .fir{

  position: absolute;

  right: 8%;

  bottom: 15%;

  color: #333;

  font-size: 28px;

  padding-left: 3%;

  letter-spacing: 1px;

}

.chanping .cp-left .img1 .fir i{

  display: block;

  position: absolute;

  width: 13px;

  height: 2px;

  background-color: #333;

  left:0;

  top:56%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  transition: 500ms 0s all ease;

}

.chanping .cp-left:hover .img1 .fir i{

  width:16px;

}

.chanping .cp-left .abox{

  width:100%;

  position: absolute;

  bottom:0;

}

.chanping .cp-left .abox a{

  display: inline-block;

  color: #202020;

  font-size: 16px;

  margin-right: 2%;

  padding:0.5% 0;

}

.chanping .cp-left .abox a:hover{

  color:#2b3872;

  font-weight: 700;

}

.chanping .cp-left .tbox{

  width:100%;

  text-align:right;

  padding-right:2%;

  position: relative;

}

.chanping .cp-left .tbox i{

  position: absolute;

  display: block;

  width: 1px;

  background-color: #e35c16;

  right: 0;

  top: -169%;



}

.chanping .cp-left .tbox .fir{

  color: #858585;

  font-size: 48px;

  font-family: 'thyFont6';

}

.chanping .cp-left .tbox .sec{

  color: #1d1d1d;

  font-size: 26px;

}

/*.chanping .cp-left .img1sec{

   position: absolute;

  bottom:0;

 }*/

.chanping .cp-left .img1sec .fir i{

  background-color: #333;

}

.chanping .cp-item{

  float: left;

  width:20%;

  margin-top:6%;

  padding-left: 4%;

}

.chanping .cp-item .fir{

  color: #000000;

  font-size: 16px;

  font-weight: 700;

  padding:1% 0;

}

.chanping .cp-item:nth-child(1){

  background: url("../images/cp1.png") no-repeat left 6% center;

}

.chanping .cp-item:nth-child(2){

  background: url("../images/cp2.png") no-repeat left 6% center;

}

.chanping .cp-item:nth-child(3){

  background: url("../images/cp3.png") no-repeat left 6% center;

}

.chanping .cp-item:nth-child(4){

  background: url("../images/cp4.png") no-repeat left 6% center;

}

.chanping .cp-item-inner{

  width:80%;

  float: right;

}

.chanping .cp-item-inner .fir-a{

  display: block;

  width:71%;

  float: left;

  line-height: 60px;

  font-size: 16px;

  color: #000000;

  border: solid 1px #adadad;

  text-align: center;

  font-weight: 700;

}

.chanping .cp-item-inner:hover .fir-a{

  color:#2b3872;

}

.chanping .cp-item-inner .sec-a{

  display: block;

  width:29%;

  float: left;

  border: solid 1px #adadad;

  border-left: none;

  height: 62px;

  background: url("../images/cp-img1.png") no-repeat center;

}

.chanping .cp-item-inner:hover .sec-a{

  background: url("../images/cp-img11.png") no-repeat center;

}

.chanping .wrapper.xianbox{

  position: relative;

}

.chanping .wrapper.xianbox .xian{

  position: absolute;

  display: block;

  width: 1px;

  background-color: #e35c16;

  top: 58%;

  z-index: 2;

}



/*优势*/

.youshi{

  width:100%;

  height: 940px;

  position: relative;

}

.swiper-container-youshi{

  width:100%;

  height: 100%;

}

.swiper-container-youshi .swiper-slide{

  width:100%;

  height: 100%;

}

.swiper-container-youshi .swiper-slide.youshi1{

  background: url("../images/youshibg1.jpg") no-repeat center / cover;

  padding-top: 3%;

}

.swiper-container-youshi .swiper-slide.youshi2{

  background: url("../images/youshibg2.jpg") no-repeat center / cover;

  padding-top: 3%;

}

.swiper-container-youshi .swiper-slide.youshi3{

  background: url("../images/youshibg3.jpg") no-repeat center / cover;

  padding-top: 3%;

}

.swiper-container-youshi .swiper-slide.youshi4{

  background: url("../images/youshibg4.jpg") no-repeat center / cover;

  padding-top: 3%;

}

.swiper-container-youshi .swiper-slide.youshi5{

  background: url("../images/youshibg5.jpg") no-repeat center / cover;

  padding-top: 3%;

}



.swiper-container-youshi .swiper-slide.youshi .youshi-left{

  float: left;

  width:20%;

}

.swiper-container-youshi .swiper-slide.youshi .youshi-left .c-titlebox{

  position: relative;

  padding-left: 2%;

  transform: translatex(-100px);

  opacity: 0;

  transition: all 1s;

}

.swiper-container-youshi .swiper-slide.youshi-title-move .youshi-left .c-titlebox{

  transform: translatex(0px);

  opacity: 1;

}

.swiper-container-youshi .swiper-slide.youshi .youshi-left .c-titlebox .fir{

  color: #fff;

  font-size: 48px;

  font-weight: lighter;

  font-family:'thyFont6';

}

.swiper-container-youshi .swiper-slide.youshi .youshi-left .c-titlebox .sec{

  color: #fff;

  font-size: 26px;

  font-weight: 700;

  margin-top: 0.5%;

  letter-spacing: 1px;

}

.swiper-container-youshi .swiper-slide.youshi .youshi-left .thr{

  color: #ffffff;

  font-size: 89px;

  font-family: 'thyFont2';

  margin:55% 0 14%;

  font-weight: 700;

  transform: translatex(-100px);

  opacity: 0;

  transition: all 1s;

  transition-delay: 0.5s;

}

.swiper-container-youshi .swiper-slide.youshi-title-move .youshi-left .thr{

  transform: translatex(0px);

  opacity: 1;

}

.swiper-container-youshi .swiper-slide.youshi .youshi-left .four{

  color: #ffffff;

  font-size: 20px;

  margin-bottom:15%;

  font-weight: 700;

  letter-spacing: 1px;

  transform: translatex(-100px);

  opacity: 0;

  transition: all 1s;

  transition-delay: 1s;

}

.swiper-container-youshi .swiper-slide.youshi-title-move .youshi-left .four{

  transform: translatex(0px);

  opacity: 1;

}

.swiper-container-youshi .swiper-slide.youshi .youshi-left .five{

  color: #ffffff;

  font-size: 16px;

  line-height: 30px;

  margin-bottom:40%;

  transform: translatex(-100px);

  opacity: 0;

  transition: all 1s;

  transition-delay: 1.5s;

}

.swiper-container-youshi .swiper-slide.youshi-title-move .youshi-left .five{

  transform: translatex(0px);

  opacity: 1;

}

.swiper-container-youshi .swiper-slide.youshi .youshi-left a{

  display: block;

  width: 59px;

  height: 59px;

  background: #e35c16 url(../images/com-jian.png) no-repeat center;

  transition: 600ms 0s all ease;

  transform: translatex(-100px);

  opacity: 0;

  transition-delay: 2s;

}

.swiper-container-youshi .swiper-slide.youshi-title-move .youshi-left a{

  transform: translatex(0px);

  opacity: 1;

}

.swiper-container-youshi .swiper-slide.youshi .youshi-left a:hover {

  margin-left: 3%;

  box-shadow: 0px 0px 5px #e35c16;

}

.youshi .youshi-right{

  width:220px;

  float: right;

}

.youshi .youshi-right .youshi-right-item{

  width:100%;

  padding: 0 10%;

  position: relative;

  background: #fff;

  height: 150px;

  cursor: pointer;

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

}

.youshi .youshi-right .youshi-right-item .item-inner{

  padding-left: 29%;

  border-bottom:1px solid #d6d6d6;

  height: 100%;

}

.youshi .youshi-right .youshi-right-item .fir{

  color: #343434;

  font-size: 20px;

  font-weight: 700;

  padding-top: 41%;

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

}

.youshi .youshi-right .youshi-right-item:hover .fir{

  color:#fff;

}

.youshi .youshi-right .youshi-right-item.active .fir{

  color:#fff;

}

.youshi .youshi-right .youshi-right-item .sec{

  color: #9d9d9d;

  font-size: 14px;

  font-family: 'thyFont6';

  margin-top: 1%;

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

}

.youshi .youshi-right .youshi-right-item:hover .sec{

  color:#fff;

}

.youshi .youshi-right .youshi-right-item.active .sec{

  color:#fff;

}

.youshi .youshi-right .youshi-right-item:nth-child(1){

  background: #fff url("../images/y1.png") no-repeat center left 9%;

}

.youshi .youshi-right .youshi-right-item:nth-child(2){

  background: #fff url("../images/y2.png") no-repeat center left 9%;

}

.youshi .youshi-right .youshi-right-item:nth-child(3){

  background: #fff url("../images/y3.png") no-repeat center left 9%;

}

.youshi .youshi-right .youshi-right-item:nth-child(4){

  background: #fff url("../images/y4.png") no-repeat center left 9%;

}

.youshi .youshi-right .youshi-right-item:nth-child(5){

  background: #fff url("../images/y5.png") no-repeat center left 9%;

}

.youshi .youshi-right .youshi-right-item:nth-child(1):hover{

  background: #2c3b98 url("../images/y11.png") no-repeat center left 9%;

}

.youshi .youshi-right .youshi-right-item:nth-child(2):hover{

  background: #2c3b98 url("../images/y22.png") no-repeat center left 9%;

}

.youshi .youshi-right .youshi-right-item:nth-child(3):hover{

  background: #2c3b98 url("../images/y33.png") no-repeat center left 9%;

}

.youshi .youshi-right .youshi-right-item:nth-child(4):hover{

  background: #2c3b98 url("../images/y44.png") no-repeat center left 9%;

}

.youshi .youshi-right .youshi-right-item:nth-child(5):hover{

  background: #2c3b98 url("../images/y55.png") no-repeat center left 9%;

}

.youshi .youshi-right .youshi-right-item:nth-child(1).active{

  background: #2c3b98 url("../images/y11.png") no-repeat center left 9%;

}

.youshi .youshi-right .youshi-right-item:nth-child(2).active{

  background: #2c3b98 url("../images/y22.png") no-repeat center left 9%;

}

.youshi .youshi-right .youshi-right-item:nth-child(3).active{

  background: #2c3b98 url("../images/y33.png") no-repeat center left 9%;

}

.youshi .youshi-right .youshi-right-item:nth-child(4).active{

  background: #2c3b98 url("../images/y44.png") no-repeat center left 9%;

}

.youshi .youshi-right .youshi-right-item:nth-child(5).active{

  background: #2c3b98 url("../images/y55.png") no-repeat center left 9%;

}

.youshi .youshi-right .youshi-right-item.active .item-inner{

  border-bottom:none;

}

.youshi .youshi-right .youshi-right-item:after{

  position: absolute;

  display: block;

  content:"";

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

  width: 0;

  height: 0;

  border-top: 12px solid transparent;

  border-bottom: 12px solid transparent;

  border-right: 16px solid #2c3b98;

  top:50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  left:-16px;

  opacity: 0;

}

.youshi .youshi-right .youshi-right-item:hover:after{

  opacity: 1;

}

.youshi .youshi-right .youshi-right-item.active:after{

  opacity: 1;

}

.youshi .cebianlan{

  position: absolute;

  left:50%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  top:2%;

  z-index: 2;

  padding-top: 3%;

}





/*合作*/

.hezuo{

  padding:4% 0;

}

.hezuo .tbox .fir{

  font-size:16px;

  color:#959595;

  text-align:center;

}

.hezuo .tbox .sec{

  font-size:38px;

  color:#1a1a1a;

  text-align:center;

  margin:1% 0 3% 0;

}

.hezuo .abox{

  width:24%;

  margin:0 auto;

}

.hezuo .abox a{

  display: block;

  width: 45%;

  line-height: 37px;

  border-radius: 3px;

  font-size: 14px;

  color: #ffffff;

  text-align:center;

}

.hezuo .abox a.afir{

  background-color: #3f3f3f;

  float: left;

}

.hezuo .abox a.afir:hover{

  background-color: #616161;

}

.hezuo .abox a.asec{

  background-color: #e35c16;

  float: right;

}

.hezuo .abox a.asec:hover{

  background-color: #ef7f45;

}

.swiper-container-hezuo .swiper-slide{

  width:100%;

  height: 100%;

}

.swiper-container-hezuo .swiper-slide .imgbox{

  width:100%;

  height: 8vw;

  position: relative;

  background: #fff;

  border-radius: 100px;

}

.swiper-container-hezuo .swiper-slide .imgbox img{

  position: absolute;

  max-width: 80%;

  max-height: 75%;

  left:50%;

  top:50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  -moz-transform: translateX(-50%) translateY(-50%);

  -ms-transform: translateX(-50%) translateY(-50%);

  -o-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

}

.hezuolunbo{

  padding:3% 0;

  border-top: 1px solid #c2c2c2;

  margin-top: 3%;

  background: #f7f7f7;



}



/*新闻*/

.xinwen{

  padding-bottom:3%;

}

.xinwenbg{

  width:100%;

  height: 739px;

  background: url("../images/newsbg1.jpg") no-repeat center / cover;

  background-attachment: fixed;

  position: relative;

  z-index: 1;

}

.xinwenbg .tbox{

  width:50%;

  margin:0 auto;

  padding:14% 0 0 0;

  text-align:center;

}

.xinwenbg .tbox .fir{

  font-size: 34px;

  color:#fff;

}

.xinwenbg .tbox .sec{

  font-size: 14px;

  color:#d6d7d7;

  line-height: 24px;

  margin-top: 4%;

}

.xinwenbg i{

  position: absolute;

  display: block;

  width: 1px;

  background-color: #e35c16;

  left: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  top: 7%;

}

.xinwencontent{

  padding-bottom: 3%;

  background: #fff;

  position: relative;

  z-index: 2;

  /*margin-top: -9%;*/

}

.xinwencontent .tbox .x-t-left{

  float: left;

  width:50%;

}

.xinwencontent .tbox .x-t-left .fir{

  color: #353535;

  font-size: 42px;

  font-weight: 700;

  text-transform: uppercase;

}

.xinwencontent .tbox .x-t-left .sec{

  color: #123c8c;

  font-size: 26px;

  font-weight: 700;

}

.xinwencontent .tbox  .x-t-center{

  float: left;

  width:57%;

  height: 1px;

  background: #c2c2c2;

  margin-top: 5%;

}

.xinwencontent .tbox .x-t-right{

  float: right;

  width:50%;

  margin-top: 2.5%;

}

.xinwencontent .tbox .x-t-right a{

  display: block;

  padding-left: 13%;

  float: right;

  text-align:center;

  color: #131313;

  font-size: 18px;

  font-weight: 700;

  position: relative;

  line-height: 40px;

}

.xinwencontent .tbox .x-t-right a b{

  display: block;

  position: absolute;

  width:20%;

  bottom:0;

  left:80%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  height: 2px;

  background: #c2c2c2;

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

}

.xinwencontent .tbox .x-t-right a.active b{

  width:50%;

  background: #e35c16;

}

.xinwencontent .tbox .x-t-right a:hover b{

  width:50%;

  background: #e35c16;

}

.xinwen-inner-list{

  float: left;

  width:32%;

  margin-right:2%;

  background: #fff;

}

.xinwen-item-list{

  display: none;

}

.xinwen-item-list.active{

  display: block;

}

.xinwen-inner-list:last-child{

  margin-right: 0;

}

.xinwen-inner-list .imgbox{

  width:100%;

  height: 274px;

  overflow: hidden;

}

.xinwen-inner-list .imgbox img{

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

}

.xinwen-inner-list:hover .imgbox img{

  -webkit-transform: scale(1.05) translateZ(0);

  -moz-transform: scale(1.05) translateZ(0);

  -ms-transform: scale(1.05) translateZ(0);

  -o-transform: scale(1.05) translateZ(0);

  transform: scale(1.05) translateZ(0);

}

.xinwen-inner-list .title{

  color: #151515;

  font-size: 20px;

  font-weight: 700;

  margin-top: 6%;

}

.xinwen-inner-list .con{

  color: #919191;

  font-size:14px;

  line-height: 26px;

  margin:3% 0;

}

.xinwen-inner-list .line{

  width: 31px;

  height: 1px;

  background-color: #e35c16;

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

}

.xinwen-inner-list:hover .line{

  width:100%;

}

.xinwen-inner-list .time{

  color: #151515;

  font-size:16px;

  font-weight: 700;

  margin-top: 3%;

}

.xinwen-more{

  width: 105px;

  line-height: 30px;

  background-color: #1b2a76;

  text-align:center;

  color:#fff;

  font-size: 14px;

  float: right;

  margin:3% 0;

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

}

.xinwen-more:hover{

  color:#fff;

  background: #3d4ea5;

}



.sousuo{

  padding:4% 0;

  background: #f4f4f4;

}

.sousuo .fir{

  color: #2d2d2d;

  font-size: 26px;

  font-weight: 700;

  text-align:center;

  letter-spacing: 1px;

}

.sousuo-right{

  width:50%;

  margin:4% auto;

}

.sousuo-right .sousuo-search{

  float: left;

  width:78%;

  height: 56px;

  border: none;

  outline: none;

  background: #fff;

  color:#a9a9a9;

  text-indent: 20px;

}

.sousuo-right .sousuotijiao{

  float: right;

  width: 22%;

  line-height: 55px;

  border-left: none;

  background: #e35c16;

  font-size:18px;

  color:#fff;

  text-align:center;

  cursor: pointer;

  outline: none;

}

.sousuo .sec{

  color: #2d2d2d;

  font-size: 16px;

  line-height: 30px;

  width: 55%;

  margin: 0 auto;

  text-align: center;

  letter-spacing: 2px;

}

/*footer*/

#footer {



  padding-top: 60px;

}



.fot_left {

  width: 20%;

  float: left;

}



.fot_left a {

  float: left;

  width: 50%;

  margin-bottom: 20px;

  color: #151515;

}



.fot_middle {

  width: 50%;

  float: left;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding-left: 120px;

  border-left: 1px solid #cdcdcd;

  border-right: 1px solid #cdcdcd;

}



.fot_middle span {

  font-size: 16px;

  display: block;

  color: #1e1e1e;

}



.fot_middle b {

  color: #1e1e1e;

}



.fot_middle li {

  float: left;

  width: 40%;

  margin-bottom: 25px;

}



.fot_middle li:nth-of-type(even) {

  width: 60%;

}



.fot_middle li:nth-of-type(3),.fot_middle li:nth-of-type(4) {

  margin-bottom: 0;

}



.fot_right {

  float: right;

  width: 25%;

}



.fot_right a {

  float: left;

  border-radius: 50%;

  display: block;

  width: 35px;

  height: 35px;

  margin-right: 9%;

  margin-top: 37px;

  -webkit-transition: 300ms 0s all ease;

  -moz-transition: 300ms 0s all ease;

  -ms-transition: 300ms 0s all ease;

  -o-transition: 300ms 0s all ease;

  transition: 300ms 0s all ease;

}



.fot_right a:nth-of-type(1) {

  background: #e8e8e8 url("../images/weixin.png") no-repeat center;

}



.fot_right a:nth-of-type(1):hover {

  background: #cf1a1a url("../images/weixins.png") no-repeat center;

}



.fot_right a:nth-of-type(2) {

  background: #e8e8e8 url("../images/qq.png") no-repeat center;

}



.fot_right a:nth-of-type(2):hover {

  background: #cf1a1a url("../images/qqs.png") no-repeat center;

}



.fot_right a:nth-of-type(3) {

  background: #e8e8e8 url("../images/email.png") no-repeat center;

}



.fot_right a:nth-of-type(3):hover {

  background: #cf1a1a url("../images/emails.png") no-repeat center;

}



.fot_right .code {

  float: right;

  width: 98px;

  text-align: center;

}

.fot_right .code img{

  max-width: 100%;

}



.fot_right .code p {

  color: #1e1e1e;

  line-height: 25px;

}



.fot_bottom {

 

  margin-top: 2%;

}



.fot_bottom span,.fot_bottom a {

  font-size: 14px;

  line-height: 75px;

  color: #5d5d5d;

  -webkit-transition: 300ms 0s all ease;

  -moz-transition: 300ms 0s all ease;

  -ms-transition: 300ms 0s all ease;

  -o-transition: 300ms 0s all ease;

  transition: 300ms 0s all ease;

}



.fot_bottom a:hover {

  color: #154a9a;

}

.f-admin{

  float: right;

}



/*phonefooter*/

#footer_phone{

  background: #1a3561;

  position: fixed;

  bottom:0;

  width: 100%;

  left:0;

  height: 38px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding-top:9px;

  z-index:10000;

  display: none;

}

#footer_phone a{

  width:33.3%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border-right:1px solid #fff;

  float:left;

  display: block;

  text-align: center;

  background-repeat: no-repeat;

  background-position: 13% center;

  padding-left: 12%;

  font-size: 15px;

  color:#fff;

}

#footer_phone a:first-of-type{

  background-image:url("../images/fot_sy.png");

}

#footer_phone a:nth-of-type(2){

  background-image:url("../images/fot_ly.png");

}

#footer_phone a:last-of-type{

  border-right:0;

  background-image:url("../images/fot_zx.png");

}



/*新闻内页*/



.news-inner-top{

  height:600px;

  background: #f4f4f8;

  margin-bottom: 4%;

}

.swiper-container-inner-news{

  height: 100%;

}

.swiper-container-inner-news .imgbox{

  float: left;

  width:50%;

  height: 100%;

}

.swiper-container-inner-news .text{

  float: left;

  width:28%;

  margin-left: 4%;

  height: 100%;

  position: relative;

}

.swiper-container-inner-news .text .time{

  font-size: 14px;

  color: #6f6f6f;

  margin-top: 24%;

}

.swiper-container-inner-news .text .title{

  font-size: 18px;

  color: #282828;

  margin:3% 0 5% 0;

}

.swiper-container-inner-news .text .con{

  font-size: 14px;

  color: #636363;

  line-height: 26px;

}

.swiper-container-inner-news .text .more{

  color: #6f6f6f;

  font-size: 14px;

  margin-top: 10%;

}

.swiper-button-prev-inner-news{

  width: 56px;

  height: 56px;

  background: #272727 url(../images/jiantou1.png) no-repeat center;

  position: absolute;

  left: 0;

  bottom: 24%;

  top:inherit;

  margin-top: 0;

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

}

.swiper-button-next-inner-news{

  width: 56px;

  height: 56px;

  background: #2240b4 url(../images/jiantou.png) no-repeat center;

  position: absolute;

  left: 56px;

  bottom: 24%;

  top:inherit;

  margin-top: 0;

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

}

.swiper-button-next-inner-news:hover{

  background: #272727 url(../images/jiantou.png) no-repeat center;

}





/*联系我们内页*/

.contactbox .wrapper.con{

  height: 440px;

}

.contactbox .c-left{

  float: left;

  width:28%;

  height: 100%;

  background: #292929;

  padding:2% 1%;

}

.contactbox .c-left p {

  font-size:14px;

  color:#fff;

  padding:4% 0 4% 10%;

  border-bottom:1px dashed #4a4a4a;

}

.contactbox .c-left p.t{

  font-size: 20px;

  font-weight: 700;

  padding: 7% 0;

}

.contactbox .c-left .hotline{

  background: url("../images/c1.png") no-repeat center left;

}

.contactbox .c-left .weixin{

  background: url("../images/c2.png") no-repeat center left;

}

.contactbox .c-left .qq{

  background: url("../images/c3.png") no-repeat center left;

}

.contactbox .c-left .email{

   background: url("../images/c4.png") no-repeat center left;

 }

.contactbox .c-left .fax{

  background: url("../images/c5.png") no-repeat center left;

}

.contactbox .c-left .address{

  background: url("../images/c6.png") no-repeat center left;

}

.contactbox .erbox{

  width:100%;

  margin:5% auto 0 auto;

 /* display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  text-align:center;*/

  font-size: 14px;

  color:#fff;



}

.contactbox .erbox .erbox-list{

  width:100%;

  overflow: hidden;

}

.contactbox .erbox .erbox-list img{

  max-width: 30%;

}

.contactbox .erbox .erbox-list p{

  border-bottom:none;

}

.contactbox .c-right{

  float: left;

  width:44%;

  height: 100%;

  border:3px solid #292929;

}



/*关于我们内页*/

.company-inner{

  padding: 4% 0;

  background: #fff;

}

.company-inner-left{

  float: left;

  width:50%;

}

.company-inner-left .company-inner-left-fir{

  float: left;

  width:45%;

  border-right:1px solid #d2d2d2;

}

.company-inner-left .company-inner-left-fir .fir{

  color: #dcdcdc;

  font-size: 30px;

  font-family: "thyFont2";

}

.company-inner-left .company-inner-left-fir .fir span{

  font-size: 60px;

  color: #1b2a76;

}

.company-inner-left .company-inner-left-fir .sec{

  width: 31px;

  height: 2px;

  background-color: #c2c2c2;

  margin:7% 0;

}

.company-inner-left .company-inner-left-fir .thr{

  color: #000;

  font-size: 16px;

  line-height: 30px;

}

.company-inner-left .company-inner-left-sec{

  float: left;

  width:55%;

  border-right:1px solid #d2d2d2;

  padding:0 5%;

}

.company-inner-left .company-inner-left-sec .list .imgbox{

  width:64px;

  height: 64px;

}

.company-inner-left .company-inner-left-sec .list .title{

  color: #151515;

  font-size: 18px;

  font-weight: 700;

  margin-top: 4%;

}

.company-inner-left .company-inner-left-sec .list:nth-child(1){

  margin-bottom: 10%;

}

.company-inner-left .com-3{

  max-width: 100%;

  margin:4% auto 0 auto;

}

.company-inner-right{

  float: right;

  width:48%;

}

.company-inner-right .com-4{

  width: 100%;

  margin:4% auto 0 auto;

}

.company-inner-right .title{

  color: #232323;

  font-size: 28px;

  margin-bottom: 7%;

}

.company-inner-right .secbox{

  min-height: 200px;

}

.company-inner-right .sec{

  color: #6f6f6f;

  font-size: 16px;

  line-height: 28px;



}

.company-inner-right .thr{

  float: right;

  width:70%;

  line-height: 87px;

  background: rgba(27,42,118,0.9);

  text-align:center;

  color:#fff;

  font-size: 24px;

  font-weight: 700;

  margin-top: -4%;

  position: relative;

}

.xinwenbg-com-inner{

  background: url(../images/com-inner-bg.jpg) no-repeat center / cover;

  background-attachment: fixed;

}

.xinwenbg-com-inner i{

  top: -11%;

}

.xinwenbg-com-inner .tbox{

  padding: 6% 0 0 0;

}



.swiper-container-devep .swiper-slide{

  width:100%;

  height: 100%;

}

.swiper-container-devep .swiper-slide .textbox{

  width:100%;

  height: 240px;

  position: relative;

}

.swiper-container-devep .swiper-slide .textbox .title{

  font-size: 53px;

  color: #ffffff;

  font-family: "thyFont2";

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

}

.swiper-container-devep .swiper-slide .textbox .con{

   font-size: 16px;

   color: #ffffff;

   line-height: 24px;

    margin-top: 5%;

 }

.swiper-container-devep .swiper-slide .textbox:after{

  content:"";

  display: block;

  position: absolute;

  width: 8px;

  height: 8px;

  background-color: #ececec;

  bottom:0;

  left:50%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);



}

.swiper-container-devep .swiper-slide:hover .textbox .title{

  color: #e35c16;

}

.devep{

  margin:6% 0 0 0;

  border-bottom: 1px solid rgba(255, 255, 255, 0.5);

  position: relative;

}

.swiper-button-next-devep{

  right:46%;

  left:inherit;

  top:145%;

  width:45px;

  height: 45px;

  border:1px solid rgba(255, 255, 255, 0.5);

  

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

  outline: none;

}

.swiper-button-next-devep:hover{

  
  border:1px solid #e35c16;

 }



.swiper-button-prev-devep{

  left:46%;

  top:145%;

  width:45px;

  height: 45px;

  border:1px solid rgba(255, 255, 255, 0.5);



  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

  outline: none;

}

.swiper-button-prev-devep:hover{



  border:1px solid #e35c16;

}

.xinwe-com-inner .xinwencontent{

  margin-top: -5%;

}

.com-youshi{

  padding:5% 0;

}

.com-youshi .titlefir{

  font-size: 42px;

  color: #000000;

  text-align:center;

  font-weight: 700;

}

.com-youshi .titlesec{

  width: 50px;

  height: 2px;

  background-color: #c2c2c2;

  margin:3% auto;

}

.com-youshi .titlethr{

  font-size: 16px;

  color: #000000;

  text-align:center;

  line-height: 30px;

  width:60%;

  margin:0 auto;

  letter-spacing: 1px;

}

.xinwe-com-inner .xinwencontent{

  padding:0;

}



.com-youshi-left{

  float: left;

  width:50%;

  height: 100%;

  background: url("../images/com-5.jpg") no-repeat center / cover;

}

.com-youshi-left .text{

  width:70%;

  margin:0 auto;

  text-align:center;

}

.com-youshi-left .text .fir{

  color: #ffffff;

  font-size: 28px;

  line-height: 40px;

  margin-top: 22%;

}

.com-youshi-left .text .sec{

  color: #ffffff;

  font-size: 16px;

  line-height: 30px;

  margin-top: 51%;

}

.com-youshi-right{

  width:50%;

  float: left;

  height: 100%;

}

.com-youshi-right .com-youshi-rigth-list{

  width:100%;

  height: 50%;

  padding:6%;

}

.com-youshi-right .com-youshi-rigth-list:nth-child(1){

  background:url("../images/com-6.jpg") no-repeat center / cover;

}

.com-youshi-right .com-youshi-rigth-list:nth-child(2){

  background:url("../images/com-7.jpg") no-repeat center / cover;

}

.com-youshi-right .com-youshi-rigth-list .fir{

  color: #ffffff;

  font-size: 28px;

  margin-bottom: 5%;

}

.com-youshi-right .com-youshi-rigth-list .sec{

  color: #ffffff;

  font-size: 16px;

  line-height: 30px;

}

.chanping-com-inner .cp-item{

  margin-top: 3%;

}



/*产品*/

.inner-product .inner-product-left{

  width:22%;

  float: left;
	background: #ecf3f8;

}

.inner-product .inner-product-right{

  float: right;

  width:76%;
	border-top:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;

}

.inner-product ul li{

  float: left;

  width: 50%;

 

}



.inner-product ul li .imgbox{

  width:100%;

  height: 268px;

  position: relative;

  overflow: hidden;
border-right:1px solid #dcdcdc;
 border-bottom:1px solid #dcdcdc;

}

.inner-product ul li .imgbox img{



}

/*.inner-product ul li:hover .imgbox img{

  -webkit-transform: scale(1.05) translateZ(0);

  -moz-transform: scale(1.05) translateZ(0);

  -ms-transform: scale(1.05) translateZ(0);

  -o-transform: scale(1.05) translateZ(0);

  transform: scale(1.05) translateZ(0);

}*/

.inner-product ul li .title{

  position: relative;

  border-top:none;

  background: #fff;

  padding:3%;

  color: #fff;

  font-size: 13px;

  text-align:center;

  

  border-left:1px solid #e2e2e2;

  border-right:1px solid #e2e2e2;

  border-bottom:1px solid #e2e2e2;
	background: #999999;

}

.inner-product ul li:hover .title{

  color:#fff;

  background:#0756be;

}

.inner-product ul li .title span{

  display: block;

  float: right;

  font-size:14px;



  

}



.inner-product ul li .title i{

  display: block;

  position: absolute;

  width: 101px;

  overflow: hidden;

  line-height: 25px;

  background-color: #2240b4;

  border-radius: 13px;

  font-size: 14px;

  color: #ffffff;

  padding-left: 3%;

  right:2%;

  top:50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  transition: 0.3s;

  -moz-transition: 0.3s;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  opacity: 0;

  font-style: inherit;

}

.inner-product ul li:hover .title i {

  opacity: 1;

}



.side-top{

  width:100%;

 

  background:url(../images/bg1.png) no-repeat center ;

  text-align:center;

  font-size:24px;

  color:#fff;

  border-top: 1px solid #0756be;

  font-family: thyFont5;

}
.home_cp_cn{ font-size: 30px; color: #fff; font-weight: bold; margin-top: 57px;}
.home_cp_en{ font-size: 24px; color: #fff; font-weight: bold;padding-bottom: 44px;}

.sidebox .ulBox{

 

  border-bottom:none;

}

.sidebox .ulBox>ul>li>a{

  transition: all 300ms ease-in-out;

  -webkit-transition: all 300ms ease-in-out;

  position: relative;

  color:#1f1f1f;

  font-size: 20px;

 

  display: block;

  border-bottom:1px solid #ededed ;

  box-sizing:border-box;

  padding: 5% 9% 5% 5%;

  margin-bottom: 1.5%;
	text-align: center;

}

.sidebox .ulBox>ul>li>a:hover{
	background: #0463c9;

  color:#fff;

}

.sidebox .ulBox>ul>li{

  position: relative;

  width:100%;

  float: inherit;

  background: #ecf3f8;

  margin: 0;

}

.sidebox .ulBox>ul>li .show_list{

  display: none;

  max-height: 300px;

  overflow-y: auto;

  -webkit-transition: 700ms 0s all ease;

  -moz-transition: 700ms 0s all ease;

  -ms-transition: 700ms 0s all ease;

  -o-transition: 700ms 0s all ease;

  transition: 700ms 0s all ease;



}

.sidebox .ulBox>ul>li:hover .show_list{

  display: block;

  max-height: 300px;

  overflow-y: auto;

  -webkit-transition: 700ms 0s all ease;

  -moz-transition: 700ms 0s all ease;

  -ms-transition: 700ms 0s all ease;

  -o-transition: 700ms 0s all ease;

  transition: 700ms 0s all ease;

}



.sidebox .ulBox>ul>li>i{

  transition: all 300ms ease-in-out;

  -webkit-transform: all 1000ms ease-in-out;

  position: absolute;

  right:2%;

  top:17px;

  width:16px;

  height: 16px;

 

}

.sidebox .ulBox>ul>li.active>i{

 
}

.sidebox .ulBox>ul>li.active>a{

  background: #c94040;

  color:#fff;

}

.sidebox .ulBox>ul>li>ul>li{

  border-bottom:1px dashed #ededed;

  float: inherit;

  width:100%;

  margin:0;

}

.sidebox .ulBox>ul>li:last-child{



}

.sidebox .ulBox>ul>li>ul>li>a{

  font-size:14px;

  color:#969696;

  display:block;

  background: #fff;

  padding: 5% 4% 5% 4%;

}

.sidebox .ulBox>ul>li>ul>li>a>span{

  display: inline-block;

  margin-right:10px;

}

.sidebox .ulBox>ul>li>ul>li:hover>a{

  color:#1e50ae;

}

.inner-product{

  padding:2.5% 0;

}

.inner-product-right-top .imgbox{

  float: left;

  width:50%;

  height: 360px;

  border:1px solid #d6d6d6;

  padding:2%;

}

.inner-product-right-top .swiper-container-innerproduct{

  width:100%;

  height:100%;

}

.inner-product-right-top .swiper-container-innerproduct .pic{

  width:100%;

  height:100%;

}

.inner-product-right-top .text{

  float: right;

  width:45%;

  padding-top: 2%;

}

.inner-product-right-top .text .text-list .fir{

  color: #1f1f1f;

  font-size: 24px;

  font-weight: 700;

}

.inner-product-right-top .text .text-list .sec{

  color: #4e4e4e;

  font-size: 20px;

  margin:2% 0;

}

.inner-product-right-top .text .text-listsec{

  margin-top: 4%;

}

.inner-product-right-top .text .text-lx{

  margin-top: 4%;

  position: relative;

  padding:6% 0 0 0;

  border-top:1px solid #cbcbcb;

}

.inner-product-right-top .text .text-lx p{

  color: #777777;

  font-size: 16px;

  line-height: 35px;

 }

.inner-product-right-top .text .text-lx a{

  position: absolute;

  display: block;

  right:0;

  top:50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 128px;

  line-height: 43px;

  background-color: #cf1a1a;

  color: #ffffff;

  font-size: 16px;

  text-align:center;

}

.inner-product-right-top .text .text-lx a:hover{

  background:#3e7cc1;

}

.inner-product-right-bottom{

  border:1px solid #d6d6d6;

  color: #787878;

  line-height: 32px;

  font-size: 14px;

  padding:0 2%;

  margin-top: 3%;

}

.inner-product-right-bottom p strong{

  display: block;

}

.inner-product-right-bottom strong.b_title{

  color: #242424;

  font-size: 20px;

  line-height: 70px;

  font-weight: 700;

  border-bottom:1px solid #d6d6d6;

  margin-bottom: 2%;

}

.inner-product-right-bottom table{

  width: 100% !important;

  margin: 0 auto;

  border: 1px solid #d6d6d6;

 }

.inner-product-right-bottom table tr:nth-child(odd) {

  background: #f0f0f0;

}

.inner-product-right-bottom table tr td {

  line-height: 45px;

  font-size: 16px;

  color: #787878;

  padding-left: 0.8%;

  word-break: break-all;

  word-wrap: break-word;

}

.inner-product-right-bottom img{

  display: block;

  max-width:75%;

  margin:2% auto;

}

/**/



.inner-case .titlefir{

  color: #313131;

  font-size: 24px;

  margin:4% 0;

}

.inner-case ul li{

  float: left;

  width: 32.5%;

  margin-right: 1.2%;

  box-shadow: 0px 0px 5px #d4d4d4;

}

.inner-case ul li:nth-child(3n){

  margin-right: 0;

}

.inner-case ul li .imgbox{

  width:100%;

  height: 208px;

  overflow: hidden;

}

.inner-case ul li .imgbox img{

  transition: 0.3s;

  -moz-transition: 0.3s;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

}

.inner-case ul li:hover .imgbox img{

  -webkit-transform: scale(1.05) translateZ(0);

  -moz-transform: scale(1.05) translateZ(0);

  -ms-transform: scale(1.05) translateZ(0);

  -o-transform: scale(1.05) translateZ(0);

  transform: scale(1.05) translateZ(0);

}

.inner-case ul li .title .fir{

  color: #424242;

  font-size: 16px;

  padding:0 2%;

  line-height: 50px;

  border-bottom:1px solid #dadada;

  background: #fff;

  transition: 0.3s;

  -moz-transition: 0.3s;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

}

.inner-case ul li:hover .title .fir{

  background: #2240b4;

  color:#fff;

}

.inner-case ul li:hover .title .fir.sec{

  background: #2240b4 url("../images/pro-jiantou.png") no-repeat center right 2%;

}

.inner-case .inner-case-a{

  display: block;

  line-height: 50px;

  width: 164px;

  text-align: center;

  color: #2240b4;

  font-size: 14px;

  border: solid 1px #2240b4;

  background: #fff;

  margin: 3% auto 0 auto;



}

.inner-case .inner-case-a:hover{

  background: #2240b4;

  color:#fff;

}

    .inpro-type {

        width: 100%;

        padding-top: 3%;

    }  

    .inpro-type ul li{

        width: 100%;

        line-height: 30px;

        margin-bottom: 10px;

        border: 1px solid #eee;

        background: #f2f2f2;

    } 

    .inpro-type ul li>a{

        display: block;;

        float: left;

        font-size: 16px;

        color: #333;

        background: #cf1a1a;

        width: 200px;

        text-align: center;

        color: #fff;

    }

    

    .pr-erji>a{

        font-weight: normal;

        font-size: 14px;

        color: #666;

        display: block;

        padding: 0 10px;

        float: left;

    }

.inpro-list{

  width: 100%;

  padding-top: 2%;

  position: relative;

}

.inpro-list ul li{

  width: 24%;

  float: left;

  margin-right: 1.2%;

  margin-bottom:1.5%;

  border:1px solid #eee;

}

.inpro-list ul li:nth-child(4n){

  margin-right: 0;

}

.inpro-img{

  width: 100%;

  height: 280px;

}

.inpro-img img{

  display: block;

  width: 100%;

  height: 100%;

  object-fit:cover;

}

.inpro-tit{

  width: 100%;

  line-height: 40px;

  text-align: center;

  border-top:1px solid #eee;

}



.p-ej{

  color: red!important;

  font-weight: bold!important;

}

/*.pro-inner-list{

  width:19%;

  float: left;

  margin-right: 1.25%;

}

.pro-inner-list:last-child{

  margin-right: 0;

}

.pro-inner-list .imgbox{

  width:100%;

  height: 200px;

  position: relative;

  overflow: hidden;

  border: 1px solid #efefef;

}

.pro-inner-list .imgbox img{

  position: absolute;

  max-width: 80%;

  max-height: 80%;

  left:50%;

  top:50%;

  -webkit-transform: translate(-50%,-50%);

  -moz-transform: translate(-50%,-50%);

  -ms-transform: translate(-50%,-50%);

  -o-transform: translate(-50%,-50%);

  transform: translate(-50%,-50%);

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

}



.pro-inner-list .text{

  width:100%;

}

.pro-inner-list .text .title{

  color: #1c1c1c;

  font-size: 15px;

  line-height: 47px;

  background: #efefef;

  text-align:center;

}

.pro-inner-list .text .con{

  color: #9f9f9f;

  font-size: 16px;

  line-height: 28px;

  margin:3% 0 5% 0;

}







.pro-inner .abox .a{

  display: block;

  width: 135px;

  line-height: 37px;

  border-radius: 3px;

  font-size: 14px;

  color: #ffffff;

  text-align:center;

  float: left;

}

.pro-inner .abox .a.afir{

  background-color: #3f3f3f;

  margin-right: 3%;

}

.pro-inner .abox .a.afir:hover{

  background-color: #616161;

}

.pro-inner .abox .a.asec{

  background-color: #e35c16;



}

.pro-inner .abox .a.asec:hover{

  background-color: #ef7f45;

}*/





.hezuo-inner{

  border-top: 1px solid #c2c2c2;

  padding-top: 3%;

}

.hezuo-inner-list{

  float: left;

  width:12%;

  height: 200px;

  margin-right: 0.5%;

}

.hezuo-inner-list:nth-child(8n){

  margin-right: 0;

}

.hezuo-inner-list .imgbox{

  width:100%;

  height: 100%;

  position: relative;

}

.hezuo-inner-list .imgbox img{

  position: absolute;

  max-width: 75%;

  max-height: 75%;

  left: 50%;

  top: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  -moz-transform: translateX(-50%) translateY(-50%);

  -ms-transform: translateX(-50%) translateY(-50%);

  -o-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

}









/*产品详情页*/

.inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .type-line{

  width: 35px;

  height: 2px;

  background: #1b2a76;

  margin:2% 0 3% 0;

}

.inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .type-title{

  width: 125px;

  line-height: 35px;

  font-size:14px;

  color:#fff;

  background: #1b2a76;

  text-align:center;

}

.inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a2::-webkit-scrollbar-track

{

  -webkit-box-shadow: inset 0 0 2px rgba(212,208,208,1);

  background-color: #d4d0d0;

}



.inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a2::-webkit-scrollbar

{

  width:2px;

  background-color: #d4d0d0;

}



.inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a2::-webkit-scrollbar-thumb

{

  background-color: #2240b4;

}



.inner-pro-des .des1-list{

  float: left;

  width:12%;

  margin-right: 2.6%;

}

.inner-pro-des .des1-list:last-child{

  margin-right: 0;

}

.inner-pro-des .des1-list:last-child .imgbox{

  border: solid 3px #ededed;

}

.inner-pro-des .des1-list:last-child .imgbox img{

  max-width: 100%;

  max-height: 100%;

  position: absolute;

  top:50%;

  left:50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  -moz-transform: translateX(-50%) translateY(-50%);

  -ms-transform: translateX(-50%) translateY(-50%);

  -o-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

}

.inner-pro-des .des1-list .imgbox{

  width:100%;

  height: 134px;

  overflow: hidden;

  border-radius: 50%;

  position: relative;

}

.inner-pro-des .des1-list .fir{

  color: #4e4e4e;

  font-size: 20px;

  text-align:center;

  margin-top: 10%;

}

.inner-pro-des .destitle{

  color: #2240b4;

  font-size: 42px;

  font-weight: 700;

  text-align:center;

  padding:4% 0;

}

.inner-pro-des .destitle2{

  color: #424242;

  font-size: 20px;

  font-weight: 700;

  padding:0 3% 1% 3%;

  background: url("../images/des7.png") no-repeat left top;

  border-bottom:1px solid #a8a8a8;

  margin:5% 0 4% 0;

}

.inner-pro-des .destitle2 span{

  color: #6e6e6e;

  font-size: 16px;

  font-weight: 500;

  display: inline-block;

  margin-left: 2%;

}

.inner-pro-des .des2-list{

  float: left;

  width:33.33%;

  padding: 0 1%;

}

.inner-pro-des .des2-list .fir{

  color: #2240b4;

  font-size: 36px;

  font-weight: 700;

}

.inner-pro-des .des2-list .fir span{

  font-size: 53px;

  font-family: 'thyFont4';

  display: inline-block;

  margin-right: 2%;

}

.inner-pro-des .des2-list .sec{

  color: #616161;

  line-height: 20px;

  font-size: 14px;

  margin-top: 7%;

}

.inner-pro-des .des3-list{

  float: left;

  width:24%;

  margin-right:1.3%;

}

.inner-pro-des .des3-list:last-child{

  margin-right: 0;

}

.inner-pro-des .des3-list .imgbox{

  width:100%;

  height: 190px;

}

.inner-pro-des .des4{

  width:80%;

  margin:0 auto;

  margin-top: 1.5%;

}

.inner-pro-des .des4 .des4-list{

  float: left;

  width: 32%;

  margin-right: 1.5%;

}

.inner-pro-des .des4-list:last-child{

  margin-right: 0;

}

.inner-pro-des .des4-list .imgbox{

  width:100%;

  height: 190px;

}





.shouhou-type{

  padding:4% 0;

  background: #fff;

}

.shouhou-type-left{

  width:47%;

}

.shouhou-type .shouhou-type-list{

  width:100%;

}

.shouhou-type-left.fir{

  float: left;

}

.shouhou-type-left.sec{

  float: right;

}

.shouhou-type .shouhou-type-list .imgbox{

  width:20%;

  color: #1b2a76;

  font-size: 89px;

  font-family: "thyFont2";

  font-weight: 700;

  float: left;

  margin-top: 4%;

}

.shouhou-type .shouhou-type-list .text{

  float: left;

  width:75%;

  height: 100%;

  border-bottom:1px solid #d6d6d6;

  padding: 8% 0;

}

.shouhou-type .shouhou-type-list .text .text-left{

  width:100%;

  float: left;

  padding-left: 15%;

  margin-bottom: 3%;

}

.shouhou-type .shouhou-type-list .text .text-left .fir{

  color: #343434;

  font-size: 20px;

  font-weight: 700;

}

.shouhou-type .shouhou-type-list .text .text-left .sec{

  color: #9d9d9d;

  font-size: 14px;

}

.shouhou-type .shouhou-type-list .text .text-left.text-left1{

  background: url("../images/y1.png") no-repeat center left;

  background-size: 7%;

}

.shouhou-type .shouhou-type-list .text .text-left.text-left2{

  background: url("../images/y2.png") no-repeat center left;

  background-size: 7%;

}

.shouhou-type .shouhou-type-list .text .text-left.text-left3{

  background: url("../images/y3.png") no-repeat center left;

  background-size: 7%;

}

.shouhou-type .shouhou-type-list .text .text-left.text-left4{

  background: url("../images/y4.png") no-repeat center left;

  background-size: 7%;

}

.shouhou-type .shouhou-type-list .text .text-left.text-left5{

  background: url("../images/y5.png") no-repeat center left;

  background-size: 7%;

}

.shouhou-type .shouhou-type-list .text .text-right{

  float: left;

  width:100%;

  color: #191919;

  font-size: 16px;

  line-height: 30px;

 }



.case_fieldset p.p_title{

  border-bottom: 1px solid #1b2a76;

  margin-bottom: 2%;

}

.case_fieldset strong.b_title{

  font-size:16px;

  background: #1b2a76;

  padding:0.5% 1.5%;

  color:#fff;

  display: inline-block;

}



.lingdao-list{

  width:23%;

  margin-right: 2%;

  float: left;

  margin-bottom: 5%;

}

.lingdao-list:last-child{

  margin-right: 0;

}

.lingdao-list .imgbox{

  width:100%;

  height: 283px;

}

.lingdao-list .title{

  color: #0b0d0c;

  line-height: 24px;

  font-size: 16px;

  margin-top: 5%;

  text-align: justify;

}

.small_banner .pro-inner-lunbo{

  position: absolute;

  width: 100%;

  height: 80%;

  right: 0;

  top:20%;

  z-index: 4;

}

.small_banner .pro-inner-lunbo .swiper-container-pro-inner{

  width:100%;

  height: 100%;

}

.small_banner .pro-inner-lunbo .swiper-container-pro-inner .swiper-wrapper{

  width:100%;

  height: 100%;

}

.small_banner .pro-inner-lunbo .swiper-container-pro-inner .swiper-wrapper .imgbox{

  width:100%;

  height: 100%;

}

.small_banner .pro-inner-lunbo .swiper-container-pro-inner .swiper-wrapper .imgbox img{

  position: absolute;

  max-width: 100%;

  max-height: 76%;

  right: 7%;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}



.chanping-title-left{

  float: left;

  width:30%;

}

.chanping-title-right{

  float: right;

  width:70%;

  margin-top: 5.5%;

}

.chanping-title-right a{

  display:block;

  float:right;

  font-size:16px;

  margin-left:4%;



}

/*产品列表页*/

.n-ptype{

  width: 100%;

  position: relative;

  padding: 3% 0;

}

.n-ptype>ul>li{  

  width: 12.5%;

  margin-right: 2%;

  float: left;

  line-height: 45px;

  text-align: center;

  position: relative;

  height: 45px;

  margin-bottom: 1%;



}

.n-ptype>ul>li>a {

  color: #191919;

  font-size: 15px;

  display: block;

  background:#f0f0f0;

}

.n-ptype>ul>li>.p-yiji{

  background: url(../images/yiji.png) no-repeat center center;

  height: 50px;

  color: #fff;

  background-size: 100% 100%;

  z-index: 100;

  position: relative;

}

.n-ptype>ul>li>a:hover{

  background: url(../images/yiji.png) no-repeat center center;

  height: 50px;

  color: #fff;

  background-size: 100% 100%;

  z-index: 100;

  position: relative;

}

.n-ptype>ul>li:last-child{

  margin-right: 0;

}

.n-ptype>ul>li .p-erji{

  position: absolute;

  width: 100%;

  background:#f0f0f0;

  transition: all 300ms ease-in-out;

  -webkit-transform: all 1000ms ease-in-out;

  z-index: 99;

  display: none;

  max-height: 200px;

  overflow-y:auto;



}

.n-ptype>ul>li .p-erji a{

  border-bottom: 1px solid #fff;

  height: 45px;

  display: block;

  text-align: center;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;







}

.n-ptype>ul>li:hover .p-erji{

  top: 45px;



  transition: all 300ms ease-in-out;

  -webkit-transform: all 1000ms ease-in-out;

  display: block;

}

.np-list{

  width: 100%;

  padding:2% 0 3% 0;

}

.np-list ul li{

  width: 100%;

  padding-bottom: 3%;

  border-bottom: 1px solid #d7d7d7;

  padding-top: 3%;

}

.np-img{

  width: 30%;

  float: left;

  height: 400px;

  overflow: hidden;



  position: relative;

}

.np-img img{

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  transform:translate(-50%,-50%);

  max-width: 100%;



}

.np-tit{

  width: 67%;

  float: right;



}

.np-title{

  float: left;

}

.np-title h3{

  color: #141414;

  font-size: 30px;

  font-weight: bold;

}

.np-title p{

  color: #b3b3b3;

  font-size: 20px;

  margin-top: 10px;

  

}

.np-more{

  float: right;

  background:url(../images/pjia.png) no-repeat center right;

  color: #262626;

  font-size: 18px;

  text-align: left;

  padding-right: 30px;

}

.np-content{

  color: #141414;

  font-size: 16px;

  line-height: 30px;

  margin-top: 20px;

  width: 70%;

  /*max-height: 300px;

  overflow:auto;*/

  

}

.inner_case_content{

  padding-top: 2%;

}

.inner_case_content p{

  font-size: 16px;
  padding-left: 20px;

}

 ::-webkit-scrollbar {

        width:5px;

        background-color:#f0f0f0 ;

        }

        /* 滚动槽 */

        ::-webkit-scrollbar-track {

        border-radius:10px;

        }

        /* 滚动条滑块 */

        ::-webkit-scrollbar-thumb {

        border-radius:10px;

        background:#c97d7d;

        }

}

/*集团简介*/

.jieshao{

  width: 100%;

  position: relative;

  padding: 8% 0;

}

.jieshao{

  width: 100%;

  position: relative;

  padding: 5% 0;

}

.js-left{

  width: 45%;

  float: left;

}

.js-right{

  width: 50%;

  float: right;

}

.js-left h3{

  color: #131313;

  font-size: 32px;

  font-weight: bold;

}
.company_bt{ color: #131313;

  font-size: 22px;

  padding-top: 10px;}


.company_bt:after{

  display: block;

  content: '';

  width: 70px;

  height: 3px;

  background: #cdcdcd;

  margin: 10px 0;



}

.js-left h4{

  color: #717171;

  font-size: 16px;

  line-height: 35px;

}

.js-right{

  height: 468px;

}

.js-right img{

  display: block;

  width: 100%;

  height: 100%;

  object-fit:cover;

}

.guanggao{

  width: 100%;

  padding: 14% 0;

  background: url(../images/c-gg.jpg) no-repeat center center;

}

.guanggao h3{

  color: #fff;

  font-size: 50px;

  font-weight: bold;

  text-align: center;

}

.guanggao p{

  color: #a4a4a4;

  font-size: 16px;

  text-align: center;

  padding-top: 26px;

  width: 56%;

  margin: 0 auto;

  line-height: 28px;

}

.c-youshi{

  width: 100%;

  position: relative;

  padding: 5% 0;

}

.c-youshi ul li{

  width: 30%;

  float: left;

  text-align: center;

  margin-right: 5%;

  margin-bottom: 5%;

  height: 205px;

}

.c-youshi ul li:nth-child(3n){

  margin-right: 0;

}

.c-youshi ul li img{

  max-width: 100%;

  margin: 0 auto;

  display: block;

}

.c-youshi ul li h3{

  color: #131313;

  font-size: 25px;

  padding: 33px 0;

}

.c-youshi ul li p{

  color: #9e9e9e;

  font-size: 16px;

  width: 80%;

  margin: 0 auto;

  line-height: 28px;

}

.tbox-right{

  width: 100%;

  position: relative;

  padding: 0 0 5% 0;

}

.tbox-right .tbox-right-list{

  float: left;

  width:16%;

  text-align:center;

  position: relative;

}



.tbox-right .tbox-right-list .fir{

  color:#303030;

  font-size:50px;

  margin-top: 4%;

}

.tbox-right .tbox-right-list .fir span{

  display:inline-block;

  margin-right: 3%;

  font-size:50px;

  font-weight: 700;

  color:#303030;

}

.tbox-right .tbox-right-list .sec{

  color:#717171;

  font-size:16px;

  margin-top: 7%;

}

.xiaoshou{

  width: 100%;

  position: relative;

  padding: 0% 0 5% 0;

}

.xs-title{

  width: 100%;

  text-align: center;

}

.xs-title h3{

  color: #1c1c1c;

  font-size: 36px;

  padding-bottom: 10px;

}

.xs-title p{

  color: #9e9e9e;

  font-size: 16px;

}

.xiaoshou ul{

  margin-top: 4%;

}

.xiaoshou ul li{

  width: 24%;

  float: left;

  margin-right: 1%;

  margin-bottom: 1%;

}

.xiaoshou ul li img{

  max-width: 100%;

  width: 100%;

  display: block;

}

.xiaoshou ul li:nth-child(4n){

  margin-right: 0;

}

/*联系我们*/

.cont-ban{

  width: 100%;

  height: 925px;

  background-position: center;

  background-size: cover;

  position: relative;

}

.cont-title{

  position: absolute;

  z-index: 5;

  left: 50%;

  top: 30%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  -moz-transform: translateX(-50%) translateY(-50%);

  -ms-transform: translateX(-50%) translateY(-50%);

  -o-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  width: 100%;

}

.cont-title .t1{

  color: #fff;

  font-size: 40px;

  text-align: center;

  position: relative;

  font-weight: bold;

  margin-bottom: 2%;

}

.cont-title .t2{

  color: #fff;

  font-size: 16px;

  text-align: center;

  position: relative;

  margin: 0 auto;

}

.map{

  margin-top: 5%;

  background: #fff;

  position: absolute;

  top: 55%;

  left: 50%;

  transform:translate(-50%,-50%);

 

  

}

.map .wrapper{

  padding: 0;

}

.map-left{

  width: 50%;

  float: left;

  height: 465px;

}

.ml-left h3{

  color: #000000;

  font-size: 26px;

  padding-top: 50px;

}

.ml-left{

  width: 100%;

  float: left;

  position: relative;

  height: 465px;

  padding-left: 70px;

}

.ml-left ul{

  margin: 0 auto;

  height: 100%;

}

.ml-left ul li{

  width: 100%;

  height: 25%;

  border-bottom: 1px solid #dcdcdc;

  position: relative;

}

.ml-left ul li .tit{

  position: absolute;

  top: 50%;

  left: 50%;

  transform:translate(-50%,-50%);

  width: 100%;

}

.ml-left ul li strong{

  color: #181818;

  padding-left: 30px;

  font-size: 18px;

}

.ml-left ul li p{

  color: #181818;

  font-size: 16px;

  font-weight: 100;

  padding-left: 30px;

}

.ml-left ul li:nth-child(1){

  background: url(../images/mes-add.png) no-repeat left top 50%;

}

.ml-left ul li:nth-child(2){

  background: url(../images/mes-tel.png) no-repeat left top 50%;

}

.ml-left ul li:nth-child(3){

  background: url(../images/mes-fax.png) no-repeat left top 50%;

  border-bottom: none;

}

.ml-right{

  width: 45%;

  float: right;

}

.ml-right .ml-top{

  margin-top: 47px;

}

.ml-right .ml-top h3{

  color: #2c2c2c;

  font-size: 16px;

  font-weight: bold;

  padding-bottom: 10px;

}

.ml-right .ml-top p{

  color: #2c2c2c;

  font-size: 16px;

  line-height: 30px;

}

.ml-right .ml-bo{

  margin-top: 100px;

}

.ml-right .ml-bo h3{

  color: #2c2c2c;

  font-size: 16px;

  font-weight: bold;

  padding-bottom: 10px;

}

.ml-right .ml-bo p{

  color: #2c2c2c;

  font-size: 16px;

  line-height: 30px;

}



.map-right{

  width: 50%;

  float: right;

  height: 463px;

 

}

/*新闻*/

.info-news{

  padding: 2% 0 0 0;

  width: 100%;

  position: relative;

}

.info-ntop{

  width: 100%;

  position: relative;

}

.info-ntop ul li{

  width: 31%;
  float: left;
  margin-right: 3.5%;
  background: #f3f3f3;
  
box-shadow: 0 0 2px 1px #c7c7ca;  
  position: relative;
	margin-bottom: 10px;
	margin-top: 25px;

}

.info-ntop ul li:nth-of-type(3n+3){

  margin-right: 0;

}

.info-ntop ul li h3{

  color: #000000;

  font-size: 23px;

}

.info-ntop ul li h3:after{

  display: block;

  content: '';

  width: 100%;

  height: 1px;

  background: #d1d1d1;

  margin: 33px 0 43px 0; 

}


.info-ntop ul li .news_mid_tex{ width: 100%; background: #fff; padding-bottom: 17px; float: left;}
.news_mid_zj{ width: 90%; margin: 0px auto;}
.info-ntop ul li .news_mid_tex_tit{ font-size: 22px; color: #1f1f1f; margin-top: 30px;}
.info-ntop ul li .news_mid_tex_content{ color: #7c7c7c; font-size: 16px; line-height: 30px; margin-top: 20px;}
.info-ntop ul li .news_mid_tex_time{ margin-top: 14px;}
.info-ntop ul li .news_mid_tex_time .time2{ margin-left: 11px;}
.info-ntop ul li :after{
          content: '';
            position: absolute;
            width: 0%;
            height: 100%;
            opacity: 0;
            left: 0;
            top: 0;
            background: #fff;
            transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */ 
          }
.info-ntop ul li:hover:after{ width: 100%;
            opacity: 1;}
.info-ntop ul li a .news_mid_tex_time .time3 img {
              margin-left: 30px;
              transition: 0.5s;
              -moz-transition: 0.5s;
              -webkit-transition: 0.5s;
              -o-transition: 0.5s;
              transition-timing-function: ease;
              -moz-transition-timing-function: ease;
              /* Firefox 4 */
              -webkit-transition-timing-function: ease;
              /* Safari 和 Chrome */
              -o-transition-timing-function: ease;
              /* Opera */ }

.info-ntop ul li:hover a .news_mid_tex_time .time3 img {
            transform: translateX(10px);
            -ms-transform: translateX(10px);
            -moz-transform: translateX(10px);
            -webkit-transform: translateX(10px);
            -o-transform: translateX(10px); }





.info-nbo{

  width: 100%;

  position: relative;

  margin-top: 5%;

}

.info-nbo ul li{

  width: 45%;

  float: left;

  margin-right: 10%;

  margin-bottom: 8%;

}

.info-nbo ul li:nth-child(2n){

  margin-right: 0;

}

.info-nbo ul li span{

  color: #c4c4c4;

  font-weight:400;

  font-size: 22px;

}

.info-nbo ul li h3{

  color: #000000;

  font-size: 23px;

  font-weight: bold;

  margin: 33px 0;

}

.info-nbo ul li p{

  color: #848484;

  font-size: 14px;

  line-height: 28px;

}

/*在线留言*/

.info-mes{

  margin-top: 5%;

  background: #fff;

  position: absolute;

  top: 55%;

  left: 50%;

  transform:translate(-50%,-50%);

  height: 480px;

  width:77%;

}

.info-mes .wrapper{

  padding: 0;

}

.info-mesleft{

  width: 32%;

  float: left;

  height:480px;

}

.info-mesleft img{

  display: block;

  width: 100%;

  height: 100%;

  object-fit:cover;

}

.info-mesright{

  width: 68%;
  float: right;
  padding: 37px;
background: #f7f7f7;

}



.info-mesright h3{

  color: #000000;

  font-size: 26px;

}

.info-mesright p{

  color: #949494;

  font-size: 14px;

  padding-top: 20px;

  padding-bottom: 30px;

}

.info-mesright form{

  box-sizing:border-box;

  -moz-box-sizing:border-box; /* Firefox */

  -webkit-box-sizing:border-box; /* Safari */

}

.info-mesright input{

  width: 49%;

  margin-right: 2%;

  float: left;

  line-height: 45px;

  border: 1px solid #dcdcdc;

  margin-bottom: 2%;

  text-indent: 20px;

}

.info-mesright input:nth-child(2n){

  margin-right: 0;

}

.info-mesright textarea{

  border:1px solid #dcdcdc;

  text-indent: 7px;

}

.submit{

  display: block;

  width: 120px;

  height: 38px;

  line-height: 38px;

  text-align:center;

  background: #0463c9;

  font-size: 14px;

  color: #fff;

  border:none;

  margin-top: 20px;

  border-radius: 3px;

}

/*案例*/

.info-case{

  width: 100%;

  position: relative;

  padding: 5% 0;

}

.info-case ul li{

  width: 23.5%;

  margin-right: 2%;

  float: left;

  height: 470px;

  margin-bottom: 2%;

}

.info-case ul li:nth-child(4n){

  margin-right: 0;

}

.caseimg{

  width: 100%;

  height: 250px;

  overflow: hidden;

  background: #a3b3c4;

}

.caseimg img{

  display: block;

  width: 100%;

  height: 100%;

  object-fit:cover;

}

.casetext h3{

  color: #202020;

  font-size: 22px;

  font-weight: bold;

  padding-top: 30px;

}

.casetext small{

  color: #202020;

  font-size: 16px;

  padding: 10px 0;

  display: block;

}

.casetext p{

  color: #a5a5a5;

  font-size: 16px;

  line-height: 28px;

  font-weight: 100;

}

.casetext span{

  display: block;

  width: 125px;

  height: 37px;

  line-height: 37px;

  text-align: center;

  background: #f0f0f0;

  color: #191919;

  font-size: 16px;

  margin-top: 30px;

}

.info-case ul li:hover .casetext span{

  background:#cf1a1a;

  color: #fff;

}

.gallery-top {

      height: 80%;

      width: 100%;

    }

    .gallery-thumbs {

      height: 20%;

      box-sizing: border-box;

      padding: 10px 0;

    }

    .gallery-top .swiper-slide{

      border: 1px solid #c0c1c5;

      width: 100%!important;

    }

    .gallery-thumbs .swiper-slide {

      width: 25%;

      height: 100%;

      opacity: 1;

    }

    .gallery-thumbs .swiper-slide-thumb-active {

     border: 1px solid #cf1a1a;

    }

    .proin-left{

      width: 48%;

      float: left

    }

    .gallery-top .swiper-slide{

      height:320px; 

    }

    .gallery-top .swiper-slide img{

      display: block;

      width: 100%;

      height: 100%;

      object-fit:contain;

    }

    .gallery-thumbs .swiper-slide{

      height:80px; 

    }

    .gallery-thumbs .swiper-slide img{

      display: block;

      width: 100%;

      height: 100%;

      object-fit:contain;

    }

.proin-right{

  width: 48%;

  float: right;

}

.proin-right h3{

  color: #cf1a1a;

  font-size: 24px;

  font-weight: bold;

  padding-bottom: 5%;

}

.proin-right small{
  color: #333;
  font-size: 16px;
  display: block;
}
.proin-right>a{
  display: block;
  width: 150px;
  height: 35px;
  line-height: 35px;
  background: #cf1a1a;
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin: 30px 0;
}

.proin-right strong{
  color: #cf1a1a;
  font-size: 26px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 50px;
}

.proin-title{

  width: 100%;

  line-height: 50px;

  background:#eee;

  margin-bottom: 2%;

}

.proin-title h3{

  width: 200px;

  font-weight: bold;

  font-size: 20px;

  color: #fff;

  background:#cf1a1a;

  float: left;

  text-align: center;

  line-height: 50px;

}